• 所有问题

    • 如何用js获取联动下拉列表的二级下拉列表的选中值？

    举个例子，我这里有个省市联动下拉列表，我现在想选中广东省广州市，并且把这个值给alert出来，请问我该怎样写？用jQuery也行，谢谢！
    现在选中第一级后，第二级会自动变，这个功能已经可以了，现在只需要弹出选中二级的的值。
    附上代码：
    <select id="parentUnit"> //这个是一级
    <option>----请选择街道----</option>
    <option value="龙城街道">龙城街道</option>
    <option value="横岗街道">横岗街道</option>
    </select>
    <select class="unit"> //这个是二级
    <option value="爱联社区工作站">爱联社区工作站</option>
    <option value="黄阁坑社区工作站">黄阁坑社区工作站</option>
    <option value="回龙埔社区工作站">回龙埔社区工作站</option>
    </select>
    <select class="unit"> //这个是二级
    <option value="安良社区工作站">安良社区工作站</option>
    <option value="松柏社区工作站">松柏社区工作站</option>
    <option value="西坑社区工作站">西坑社区工作站</option>

    </select>

    举报该问题
    推荐答案   2015-07-07
    <!DOCTYPE HTML>
    <html lang="en">
    <head>
        <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>test</title>
        <script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>
    </head>
    <body>
    <select id="parentUnit"> 
        <option>----请选择街道----</option>
        <option value="龙城街道v">龙城街道t</option>
        <option value="横岗街道v">横岗街道t</option> 
    </select> 
    <select class="unit"> 
        <option value="爱联社区工作站v">爱联社区工作站t</option> 
        <option value="黄阁坑社区工作站v">黄阁坑社区工作站t</option> 
        <option value="回龙埔社区工作站v">回龙埔社区工作站t</option> 
    </select> 
    <select class="unit"> 
        <option value="安良社区工作站v">安良社区工作站t</option> 
        <option value="松柏社区工作站v">松柏社区工作站t</option> 
        <option value="西坑社区工作站v">西坑社区工作站t</option> 
    </select>
    <script type="text/javascript">
        $(function(){
            $('.unit').unbind().on('change',function(){unitChange();});//.unit
            $('#parentUnit').unbind().on('change',function(){unitChange();});
        })
        function unitChange(){
                console.log('文本：'+$('.unit').eq(0).find("option:selected").text()+'|'+$('.unit').eq(1).find("option:selected").text());
                console.log('value:'+$('#parentUnit').val()+'|'+$('.unit').eq(0).val()+'|'+$('.unit').eq(1).val());
        }
    </script>
    </body>
    </html>

    温馨提示：答案为网友推荐，仅供参考
    相似回答
    JS二级联动下拉菜单,把第二个菜单里的值传出答：} //这里就是取当前被选中的下拉框的值。function showInfo(){ var sltProvince=document.getElementById("province");var sltCity=document.getElementById("city");for(var i=0;i<sltCity.length;i++){ if(sltCity.options[i].selected)document.getElementById("cityValue").innerHTML=sltCity...
    JS代码实现两个select的同步答：同步两个select下拉列表的JS实现 在Web开发中，有时我们需要确保两个select选择框的选择状态保持同步。当用户在第一个select中做出选择时，第二个select的值也随之更新。下面是一个简单的实例，演示如何通过JavaScript实现这种同步效果。HTML代码如下：testA1 testA2 testA3 testA4 testA5 testB1 testB2 te...
    大家正在搜
    js获取下拉列表选中的值js获取下拉列表的值js获取下拉列表内valuejs给下拉列表赋值快速下拉选中的快捷键js下拉列表js实现下拉列表javascript下拉列表网页中下拉框下拉
    相关问题
    JS二级联动下拉菜单，把第二个菜单里的值传出
    如何获取下拉列表选中的值？
    js二级联动下拉列表菜单
    关于js做联动select，二级select赋值的问题
    js怎么通过value让下拉列表选中
    求一个js的二级联动下拉列表 第二个列表的value能提交的...
    怎么用js给三级联动的下拉框赋值
    js做2级下拉框和一级复选框联动怎么实现啊