0

フォームで次のテキストボックスを使用しています

<?php
$Type = array  ("a" => "A" ,
        "b" => "B",
        "c" => "C",
        "d" => "D");    
?>
<form action="form.php" method="post">
<div style="width: 25em;">
<lable for="Type">&nbsp;&nbsp;&nbsp;&nbsp;Types :</lable>
<select name="Type" id="Type" size="1">
<option>Choose your required test </option>
<option value="a" name= "type_1"><?php echo $Type["a"] ?></option>
<option value="b" name= "type_2"><?php echo $Type["b"] ?></option>
<option value="c" name= "type_3"><?php echo $Type["c"] ?></option>
<option value="d" name= "type_4"><?php echo $Type["d"] ?></option>
</select></div>

ユーザーが次のステップを表示したいオプションを選択するたびに、たとえばユーザーが A を選択した場合、次の行でコードは自動的に A に関する情報 (価格、場所など) を B、c、D について同様の方法で表示する必要があります。 JavaスクリプトとJqueryについて何か考えがある場合は、phpのみを使用してクエリを提案してください。

4

2 に答える 2

1

JavaScript を使わずに、または選択を投稿してページを更新することはできません。

于 2012-09-08T18:53:35.353 に答える
-1

これは本当に JQuery の仕事であり、あなたの人生をずっと楽にしてくれます。Jquery を「有効にする」ために必要なことは、これをタグに入れることだけです。

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
//javascript/jquery goes here
</script>
</head>

そして、あなたが求めていることを行うには、次のようになります：

$('#Type').change(function() {
   if ($(this).val() == 'a') {
      $('#div').html('Value A is chosen. HTML here can be outputted to an element.');
   }
   if ($(this).val() == 'b') {
      $('#div').html('Value B is chosen.');
   }
   //and so on
});
于 2012-09-08T18:53:54.347 に答える