今天有朋友问我⼀个关于在⾥动态添加option问题，⼀开始以为是JS那⾥动态添加，所以⽤了JS动态添加option的⽅法，但你那⾥是⽤JQuery的，所以才会⼀直出错，下⾯记下在JS和JQuery⾥添加option的区别。JS：var selid = document.getElementById(\"sltid\");for(var i=0; i<10;i++){ //循环添加多个值sid.option[i] = new Option(i,i);}sid.options[sid.options.length]=new Option(\"1\在最后⼀个值后⾯添加多⼀个JQuery：$(\"#selectId\").append(\"\"+text+\"\");当然除了这句，还有设置默认选择值、第⼀个的值、最后⼀个的值、第N个的值等等的，所以在⽹上搜了⼀上：jQuery获取Select选择的Text和Value:1. $(\"#select_id\").change(function(){//code...}); //为Select添加事件，当选择其中⼀项时触发2. var checkText=$(\"#select_id\").find(\"option:selected\").text(); //获取Select选择的Text3. var checkValue=$(\"#select_id\").val(); //获取Select选择的Value4. var checkIndex=$(\"#select_id \").get(0).selectedIndex; //获取Select选择的索引值5. var maxIndex=$(\"#select_id option:last\").attr(\"index\"); //获取Select最⼤的索引值jQuery添加/删除Select的Option项：1. $(\"#select_id\").append(\"Text\"); //为Select追加⼀个Option(下拉项)2. $(\"#select_id\").prepend(\"请选择\"); //为Select插⼊⼀个Option(第⼀个位置)3. $(\"#select_id option:last\").remove(); //删除Select中索引值最⼤Option(最后⼀个)4. $(\"#select_id option[index='0']\").remove(); //删除Select中索引值为0的Option(第⼀个)5. $(\"#select_id option[value='3']\").remove(); //删除Select中Value='3'的Option5. $(\"#select_id option[text='4']\").remove(); //删除Select中Text='4'的Option以上所述是⼩编给⼤家介绍的JS & JQuery 动态添加 select option的相关知识 ，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！ 因篇幅问题不能全部显示，请点此查看更多更全内容 查看全文
var selid = document.getElementById(\"sltid\");for(var i=0; i<10;i++){ //循环添加多个值sid.option[i] = new Option(i,i);}
sid.options[sid.options.length]=new Option(\"1\在最后⼀个值后⾯添加多⼀个
JQuery：
$(\"#selectId\").append(\"\"+text+\"\");
当然除了这句，还有设置默认选择值、第⼀个的值、最后⼀个的值、第N个的值等等的，所以在⽹上搜了⼀上：jQuery获取Select选择的Text和Value:
1. $(\"#select_id\").change(function(){//code...}); //为Select添加事件，当选择其中⼀项时触发2. var checkText=$(\"#select_id\").find(\"option:selected\").text(); //获取Select选择的Text3. var checkValue=$(\"#select_id\").val(); //获取Select选择的Value
4. var checkIndex=$(\"#select_id \").get(0).selectedIndex; //获取Select选择的索引值5. var maxIndex=$(\"#select_id option:last\").attr(\"index\"); //获取Select最⼤的索引值jQuery添加/删除Select的Option项：
1. $(\"#select_id\").append(\"Text\"); //为Select追加⼀个Option(下拉项)2. $(\"#select_id\").prepend(\"请选择\"); //为Select插⼊⼀个Option(第⼀个位置)3. $(\"#select_id option:last\").remove(); //删除Select中索引值最⼤Option(最后⼀个)4. $(\"#select_id option[index='0']\").remove(); //删除Select中索引值为0的Option(第⼀个)5. $(\"#select_id option[value='3']\").remove(); //删除Select中Value='3'的Option5. $(\"#select_id option[text='4']\").remove(); //删除Select中Text='4'的Option
以上所述是⼩编给⼤家介绍的JS & JQuery 动态添加 select option的相关知识 ，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
因篇幅问题不能全部显示，请点此查看更多更全内容
Copyright © 2019- azee.cn 版权所有
违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务
