1、获取选中select的value和text,html代码如下： 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> 则可通过以下script代码s来获取选中的value和text 复制代码 代码如下: $("#mySelect").val(); //获取选中记录的value值 $("#mySelect option:selected").text(); //获取选中记录的text值 2、运用new Option("文本","值")方法添加选项option 复制代码 代码如下: var obj = document.getElementById("mySelect"); obj.add(new Option("4","4")); 3、删除所有选项option 复制代码 代码如下: var obj = document.getElementById("mySelect"); obj.options.length = 0; 4、删除选中选项option 复制代码 代码如下: var obj = document.getElementById("mySelect"); var index = obj.selectedIndex; obj.options.remove(index); 5、修改选中选项option 复制代码 代码如下: var obj = document.getElementById("mySelect"); var index = obj.selectedIndex; obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 6、删除select 复制代码 代码如下: var obj = document.getElementById("mySelect"); obj.parentNode.removeChild(obj); //移除当前对象 7、select选择的响应事件 复制代码 代码如下: $("#mySelect").change(function(){ //添加所需要执行的操作代码 })

　　推荐阅读

　　读jQuery之六 缓存数据功能介绍

很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如 复制代码 代码如下: <div data="some data">Test</div> <script> div.getAttribute('data'); // some data </script> 给页面中div添加了自定义属性“da>>>详细阅读

本文标题：jquery操作select option 的代码小结

地址：http://www.17bianji.com/kaifa2/JS/24467.html

 1/2    1