Question

jQuery JS 如何实现改变一个下拉菜单的值另一个菜单的值随之改变

如题像省级联动菜单一样，我想写一个userscript改变原有菜单的选项，比如第一个下拉菜单选择1，第二个菜单就只显示under1的值，以此类推...哪位大神有明确的思路和具体的方法还请不吝赐教！！！
如果用Ajax的话应该怎么实现？

Answer 1

<select id='1'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>

<select id=2>
<option value='1-1'>1-1</option>
<option value='1-2'>1-2</option>
<option value='1-3'>1-3</option>
<option value='2-1'>2-1</option>
<option value='2-2'>2-2</option>
<option value='2-3'>2-3</option>
<option value='3-1'>3-1</option>
<option value='3-2'>3-2</option>
<option value='3-3'>3-3</option>
</select>

<script>
$('#1').children().click(function(){
    $('#2').children(":contains('"+$(this).val()+"-')").show();
    $('#2').children().not(":contains('"+$(this).val()+"-')").hide();
    $('#2').children(":contains('"+$(this).val()+"-1')").attr('selected','true');
})

</script>

追问

谢谢，
我的目标网站不好用，不知道那个网站是这么调用的，还插入不了DOM，alert也不好使，
如果用Ajax的话应该怎么写代码？

Answer 2

用AJAX来局部更新

追问

求详细代码，我认为我这个只能靠Ajax来完成了。

追答

给你个参考地址：http://blog.csdn.net/lanpiao_87/article/details/7346703