select下拉菜单更新函数

最新推荐文章于 2022-02-12 21:36:20 发布

原创

最新推荐文章于 2022-02-12 21:36:20 发布 · 293 阅读

收录于

本文详细探讨了如何实现select下拉菜单的动态更新功能，包括在JavaScript或jQuery中操作DOM元素，监听事件以及响应式地改变选项。通过实例代码和步骤解析，帮助读者掌握这一常见但关键的前端交互技巧。

chooseProvince()
    function chooseProvince(){
        var sexSel = document.getElementById("sex");
        var musicSel = document.getElementById("music");
        sexSel.onchange = function(){
            window.ec.toast("sexSel成功"+sexSel.selectedIndex);
            if(sexSel.selectedIndex !=-1){
                console.log("你选择了:" + sexSel.options[sexSel.selectedIndex].value);
                //window.ec.toast("sexSel成功"+sexSel.options[sexSel.selectedIndex].value);
                window.ec.toast("sexSel成功"+sexSel.selectedIndex);
                //$(this).attr("selected",true);
                //sexSel.options[sexSel.selectedIndex].attr("selected",true);
                //$(".selector").find("option:contains('pxx')").attr("selected",true);
                sexSel.find("option:contains('"+sexSel.options[sexSel.selectedIndex].value+"')").attr("selected",true);
            }
            // var index = sexSel.options.selectedIndex;
            // sexSel.innerHTML = '';