根据之前的答案下拉填写表单选择列表

时间:2014-08-01 11:03:54

标签: jquery html

我真的不知道从哪里开始,似乎无法在网上找到合适的术语来帮助我实现这一目标。

我想创建一个带有下拉选择列表的表单,然后根据之前的下拉选项显示一组下拉列表答案。

例如,您的第一次下拉将是:水果或蔬菜,水果选择,所以下一个选项将苹果或橙子,苹果选择,所以你的下一个选项将是格兰尼史密斯或考克斯。

我该怎么做这个jQuery?任何帮助非常感谢?

1 个答案:

答案 0 :(得分:0)

您可以使用onchange功能触发此信息:
例如:

<select id="selectBox1">
<option value="fruit">Fruit</option>
<option value="Vegetable">Vegetable</option>
</select>

<select id="resultBox1"></select>

在jquery中:

$("#selectBox1").change(function(){
var value = $(this).val();
if(value == 'fruit'){
// append or display your fruit list
}else{
//vegetable list
}

});

希望这会帮助你..