如何在MVC3应用程序中选择某个元素时,如何创建新的下拉列表?

时间:2012-09-13 18:18:16

标签: c# javascript asp.net-mvc-3 client-side

我的View上有一个DropDownFor,我只想在中选择第一个DropDownFor中的特定SelectList项时创建另一个DropDownFor

为了澄清,如果我的DropDownFor有两个可能的选择,“A”和“B”,如果选择“B”,我希望在页面上显示另一个DropDownFor。如果选择“A”,我不希望在页面上发生任何其他事情。

我该如何实现?

1 个答案:

答案 0 :(得分:3)

这样的事情可以解决问题:

脚本(使用jQuery)

$(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/