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,那么在下一行中,自动代码应该以与 B、c、D 类似的方式显示有关 A 的信息(例如价格、地点等)。我不对 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 回答