jquery及js动态添加删除option示例

js动态添加:

var sel= document.getElementById("selectId"); 

sel.options.add(new Option("请选择",""));

sel.options.add(new Option("name","id"));


js动态动态删除所有option:

document.getElementById("selectId").length=0;


js删除一个选项option:

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序号,取当前选中选项的序号

var val = obj.options[index].value; //Option值

var val = obj.options[index].text; //option文本

var val = obj.options[index]=new Option("新文本","新值"); //修改当前option

function removeOne(){

var obj=document.getElementById('selectId'); //index,要删除选项的序号,这里取当前选中选项的序号

var index=obj.selectedIndex;

obj.options.remove(index);

}


js删除select

function removeSelect(){

var mySelect = document.getElementById("selectId");

mySelect.parentNode.removeChild(mySelect);

}


jquery动态添加option:

$("#selectId").append("<option value='"+value+"'>"+text+"</option>");


jquery动态删除所有option:

$("#selectedId option").remove();


猜你喜欢

转载自blog.csdn.net/qq_33545491/article/details/78193639
今日推荐