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();


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值