首页 / JQUERY / Jquery操作select

Jquery操作select

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery操作select，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1235字，纯文字阅读大概需要2分钟。

内容图文

            <
            select 
            id
            ="Select1"
            >
            <
            option 
            value
            ="one"
            >一</option><option value="two">二</option><option value="thr">三</option><option value="tho">四</option></select>

注释：

（1）给下拉框赋值：$("#Select1").val(“二”);这时已经选中了 value是two的选项 ，通过$("#Select1")[0].selectedIndex或者$("#Select1").get(0).selectedIndex可以得到此时的索引是1，下拉框的索引是从0开始的

（2）通过设置属性$("#Select1 option[value=‘two‘]").attr(‘selected‘,true);也可以设置选中  其实就是相当于赋值

（3）得到选中值对应的text：1、通过值得到：$("#Select1 option[value=‘" + 值 + "‘]").text()或者$("#Select1").find("option[value=‘" + 值 + "‘]").text()

                                      2、通过选中状态得到：$("#Select1").find("option:selected").text()

（4）下拉框的级联：

           很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jQuery中是非常简单的。

          如：$(".selector1").change(function(){

         // 先清空第二个

         $(".selector2").empty();

        // 实际的应用中，这里的option一般都是用循环生成多个了

       var option = $("<option>").val(1).text("pxx");

       $(".selector2").append(option);

     });

（5）通过option中text的值  来选中相应的option的值

        

            var count = $("#Select1 option").length;
                for (var i = 0; i < count; i++) {
                    if ($("#Select1").get(0).options[i].text == $(this).val()) {
                        $("#Select1").get(0).options[i].selected = true;
                        break;
                    }
                }

Ps：jquer中去掉前后空格的方法：$.trim(值);

 

原文：http://www.cnblogs.com/huangshuqiang/p/6164395.html

内容总结

以上是互联网集市为您收集整理的Jquery操作select全部内容，希望文章能够帮你解决Jquery操作select所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1137068.html

来源：【匿名】