我认为这是一个简单的答案,但不确定最佳方法,而且我是表单新手。
I want to have a drop-down list with model numbers in. When a certain model number is selected it displays a form with the appropriately named inputs.
例如
模型 1 - 选中时 - 显示输入字段 1 和输入字段 2
模型 2 - 选中时 - 显示输入字段 1、输入字段 2 和输入字段 3
模型 3 - 选中时 - 显示输入字段 1、输入字段 4 和输入字段 5
希望这动态地发生。
帮助非常感谢您编写代码或将我链接到教程或示例站点
谢谢
最佳答案
HTML
<select id="myselect">
<option value="Model 1">Model 1</option>
<option value="Model 2">Model 2</option>
</select>
<div id="Form1" class="forms">Form 1 Contents</div>
<div id="Form2" class="forms">Form 2 Contents</div>
jQuery
$(function() {
$(".forms").hide();
$("#myselect").change(function() {
switch($(this).val()){
case "Model 1":
$(".forms").hide().parent().find("#Form1").show();
break;
case "Model 2":
$(".forms").hide().parent().find("#Form2").show();
break;
}
});
});
请参阅 jsFiddle 上的示例:http://jsfiddle.net/6PtuN/
关于jquery - 下拉列表依赖形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3282052/