Javascript 根据另一个下拉列表中的选定项更改下拉列表中的选定项

我的ASP.NET MVC 3上有两个下拉列表。当其中一个下拉列表设置为Sole Owner时，另一个下拉列表也需要设置为Sole Owner

我相信JavaScript或jQuery对于类似的东西来说非常简单，但是我很难在web上找到一个好的示例，因为我是手动填充下拉列表，而不是通过控制器

有人能帮我写代码或者给我指出一个好的资源吗

<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>

JSFIDLE示例：

我将这两个下拉值都设置为Sole Owner您的代码在ProducerType select中缺少空格

JSFIDLE示例：

我将这两个下拉值都设置为Sole Owner您的代码在ProducerType select中缺少空格

---

我是否需要为下拉列表设置并onClick/onSelectedItem或某些类似的属性？这在调用时由jQuery处理。元素jQuery上的更改链接您作为参数发送到的函数。更改为将触发的事件。抱歉，我是jQuery/Javaascript的新手。这是否需要位于或其他类似标记的内部？我能看到它在小提琴上工作，但我不能让它在我的机器上工作..啊。。还是不行，我只是复制并粘贴了你答案中的代码。知道我应该去哪里吗？没关系，最后发现了另一个导致错误的打字错误今天是星期五。。。。非常感谢你的帮助！我是否需要为下拉列表设置并onClick/onSelectedItem或某些类似的属性？这在调用时由jQuery处理。元素jQuery上的更改链接您作为参数发送到的函数。更改为将触发的事件。抱歉，我是jQuery/Javaascript的新手。这是否需要位于或其他类似标记的内部？我能看到它在小提琴上工作，但我不能让它在我的机器上工作..啊。。还是不行，我只是复制并粘贴了你答案中的代码。知道我应该去哪里吗？没关系，最后发现了另一个导致错误的打字错误今天是星期五。。。。非常感谢你的帮助@PaoloMoretti-虽然它是从asp.NETMVC中暗示出来的，但OP实际上从未提到过它。也许他们把它从项目中删除了。@TravisJ他在问题的第二段提到了jQuery。如果您希望得到一个带有普通JavaScript的答案，NealR可以随意删除jQuery标记。@PaoloMoretti-尽管这是asp.net mvc中暗示的，但OP实际上从未提到过它。也许他们把它从项目中删除了。@TravisJ他在问题的第二段提到了jQuery。如果您希望得到一个使用vanilla JavaScript的答案，NealR可以随意删除jQuery标记。

<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>