以下是对jquery动态添加删除select项的实现代码进行了详细的分析介绍，需要的朋友可以过来参考下
复制代码 代码如下:
// 添加
function col_add() {
 var selobj = $(#myselect);
 var value=value;
 var text=text;
 selobj.append(<option value='"+value+"'>+text+</option>);
}
// 删除
function col_delete() {
 var selopt = $(#myselect option:selected);
 selopt.remove();
}
// 清空
function col_clear() {
 var selopt = $(#myselect option);
 selopt.remove();
}
以上方法为jquery动态添加、删除和清空select。下面是纯js的写法：
复制代码 代码如下:
var sid = document.getelementbyid(myselect);
sid.options[sid.options.length]=new option(text,value);   // 在select最后添加一项
其他常用的方法：
复制代码 代码如下:
$(#myselect).change(function(){//code...});    //select选中项改变时触发
// 获取select值
var text=$(#myselect).find(option:selected).text();   //获取select选中项的text
var value=$(#myselect).val();   //获取select选中项的value
var value=$(#myselect option:selected).attr(value);   //获取select选中项的value
var index=$(#myselect).get(0).selectedindex;   //获取select选中项的索引值，从0开始
var index=$(#myselect option:selected).attr(index);   //不可用！！！
var index=$(#myselect option:selected).index();   //获取select选中项的索引值，从0开始
var maxindex=$(#myselect option:last).attr(index);   //不可用！！！
var maxindex=$(#myselect option:last).index();//获取select最大索引值，从0开始
$(#myselect).prepend(<option value='value'>text</option>);   //select第一项前插入一项
// 设置select值
//根据索引设置选中项
$(#myselect).get(0).selectedindex=index;//index为索引值 
//根据value设置选中项
$(#myselect).attr(value,newvalue); 
$(#myselect).val(newvalue); 
$(#myselect).get(0).value = value; 
//根据text设置对应的项为选中项
var count=$(#myselect option).length; 
for(var i=0;i {
    if($(#myselect).get(0).options[i].text == text) 
    { 
        $(#myselect).get(0).options[i].selected = true; 
        break; 
    } 
} 
// 清空select
$(#myselect).empty();
以上就是jquery动态添加删除select项(实现代码)的详细内容。