【jQuery】selectにoption要素の追加・削除をする

状況によって、動的に、jQueryで、選択項目を増やしたり、減らしたりしたい。

そんな時に役立つ基本的なやり方。

//select要素のIDをselectとする

//追加するとき
$('#select').append($('<option>').html("追加される項目名").val("追加される値"));

//全て取り除くとき
$('#select > option').remove();

//選択されたものを取り除くとき
$('#select > option:selected').remove();

普通にHTMLに追加、削除をするだけ。

応用するとデモみたいなことも楽にできる。

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