根据另一个下拉列表中的所选项目更改下拉所选项目

Question

我在ASP.NET MVC 3上有两个下拉列表。当其中一个下拉列表设置为“ Sole Proprietor”时，另一个需要设置为相同。

我确信JavaScript或jQuery对于类似这样的事情非常简单，但是由于要手动而不是通过控制器填充下拉列表，因此很难在网上找到一个很好的示例。

有人可以帮助我提供代码，还是可以为我提供良好的资源？

<select id="ProducerType" name="nmf" style="float:left;">
    <option value="Principal">Principal</option>
    <option value="Producer">Producer</option>
    <option value="SoleProprietor">Sole Proprietor</option>                
</select>

<select id="Role" name="nmf" style="float:left;">
    <option value="Agent">Agent</option>
    <option value="Financial Advisor">Financial Advisor</option>
    <option value="Platform">Platform</option>
    <option value="Principla_Owner">Principal/Owner</option>
    <option value="Registered Rep">Registered Rep</option>
    <option value="Sole Proprietor">Sole Proprietor</option>              
</select>

Answer 1

jsFiddle示例： http : //jsfiddle.net/9GZQ2/

我将两个下拉值都设置为"Sole Proprietor"您的代码在ProducerType选择中缺少空格

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript">
    $(function(){
        $("#ProducerType").change(function(){
           var value=$(this).val();
           if(value=="Sole Proprietor") $("#Role").val(value);
        });
        $("#Role").change(function(){
           var value=$(this).val();
           if(value=="Sole Proprietor") $("#ProducerType").val(value);
        });
    });
</script>