我的视图上有一个 DropDownFor,并且我希望仅在选择第一个 DropDownFor 中的特定 SelectList 项目时创建另一个 DropDownFor。
澄清一下,如果我的 DropDownFor 有两个可能的选择,“A”和“B”,如果选择了“B”,我希望在页面上显示另一个 DropDownFor。如果选择了“A”,我希望页面不再发生任何事情。
我该如何实施?
我的视图上有一个 DropDownFor,并且我希望仅在选择第一个 DropDownFor 中的特定 SelectList 项目时创建另一个 DropDownFor。
澄清一下,如果我的 DropDownFor 有两个可能的选择,“A”和“B”,如果选择了“B”,我希望在页面上显示另一个 DropDownFor。如果选择了“A”,我希望页面不再发生任何事情。
我该如何实施?
这样的事情应该可以解决问题:
$(document).ready(function() {
$('#optionOne').change(function (){
if($(this).val() === 'b') {
$('#options').append("<select><option>newset</option></select>");
}
});
});
<div id="options">
<select id="optionOne">
<option>a</option>
<option>b</option>
</select>
</div>
上述代码的 JSFiddle 示例——http: //jsfiddle.net/NpSPj/1/