Question

我在表单中使用以下文本框

<?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进行查询。

Answer 1

如果没有javascript，或者发布选择并刷新页面，你就无法做到这一点。

Answer 2

这对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
});

使用PHP我想根据上面的选择选项创建新的文本框

2 个答案: