jquery 二级联动菜单 取值问题
提交表单后取到的是三个值,我只想取一个选中的表单值。代码如下:请赐教!
<script language="javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#province").change(function(){
$("#province option").each(function(i,o){
if($(this).attr("selected"))
{
$(".city").hide();
$(".city").eq(i).show();
}
});
});
$("#province").change();
});
</script>
---------------------------------------
<select id="province" class="select">
<option selected="selected">----请选择部门----</option>
<option>北京</option>
<option>上海</option>
<option>江苏</option>
</select>
<select class="city">
<option selected="selected">----请选择人员----</option>
</select>
<select class="city">
<option>东城</option>
<option>西城</option>
<option>崇文</option>
<option>宣武</option>
<option>朝阳</option>
</select>
<select class="city">
<option>黄浦</option>
<option>卢湾</option>
<option>徐汇</option>
<option>长宁</option>
<option>静安</option>
</select>
<select class="city">
<option>南京</option>
<option>镇江</option>
<option>苏州</option>
<option>南通</option>
<option>扬州</option>
</select>
<script language="javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#province").change(function(){
$("#province option").each(function(i,o){
if($(this).attr("selected"))
{
$(".city").hide();
$(".city").eq(i).show();
}
});
});
$("#province").change();
});
</script>
---------------------------------------
<select id="province" class="select">
<option selected="selected">----请选择部门----</option>
<option>北京</option>
<option>上海</option>
<option>江苏</option>
</select>
<select class="city">
<option selected="selected">----请选择人员----</option>
</select>
<select class="city">
<option>东城</option>
<option>西城</option>
<option>崇文</option>
<option>宣武</option>
<option>朝阳</option>
</select>
<select class="city">
<option>黄浦</option>
<option>卢湾</option>
<option>徐汇</option>
<option>长宁</option>
<option>静安</option>
</select>
<select class="city">
<option>南京</option>
<option>镇江</option>
<option>苏州</option>
<option>南通</option>
<option>扬州</option>
</select>
...全文
相关推荐
jquery select二级联动菜单
该小插件是自己写的谢谢指教。可以改写为三级菜单。
Jquery实现的的动态无刷新的二级联动菜单
基于jquery的用实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
phpmysql下拉菜单二级联动
phpmysql下拉菜单二级联动,连接数据库mysql
jQuery二级联动分类菜单
jQuery二级联动分类菜单基于jQuery javascript Library 1.11.1制作,点击下拉框显示二级分类菜单,有搜索添加分类功能。
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动 下面是我的 js文件原码: 代码如下: var mail={ //初始化 init:{ //初始化数据 initdata:{ did:”, ttitle:”, sendpassword:”, description:” }, //初始化事件 initevent:{ DataEvent:function(){ $(“#did”).unbind(“change”);//获取一级菜单,绑定事件 $(“#did”).bind(“change”,function(){ //alert($(this).val()); mail.


