动态给select添加option失败的问题原因及解决

做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的:

$("#day").options.append(new Option(i,i));

然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加option,需要这样写:

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

采用上面那种写法时,应该用var obj=document.getElementById(“day”)来获取select标签,完整写法:

var obj=document.getElementById("day");
obj.options.add(new Option(i,i));

补充一些jQuery对select的操作:
1.清空select中所有选项:$("#id").empty();
2. $("#select_id").prepend(“请选择”); //为Select插入一个Option(第一个位置)
3. $("#id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#d option[index=‘0’]").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#id option[value=‘3’]").remove(); //删除Select中Value='3’的Option
6. $("#id option[text=‘4’]").remove(); //删除Select中Text='4’的Option

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Cyril_KI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值