selectboxにoption要素の追加・削除をする。

状況によって選択項目を増やしたり、減らしたりしたい。
そんな時に役立つ基本的なやり方です。

    //select要素のIDをselectとします。
    //追加するとき
    $('#select').append($('<option>').html("追加される項目名").val("追加される値"));
    });
    //全て取り除くとき
    $('#select > option').remove();
    //選択されたものを取り除くとき
    $('#select > option:selected').remove();

そうです、普通にHTMLに追加、削除をするだけで反映するのです。楽ですね。
応用するとデモみたいなことも楽に出来ます。

selectboxにoption要素の追加・削除をする。- デモ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值