「jQuery入門」選択されているセレクトボックス項目の削除、追加方法

2014年2月19日2017年11月23日

1.htmlコード
<select id="cftLst">
<option value="data1″>テストデータAA</option>
<option value="data2″>テストデータBB</option>
<option value="data3″>テストデータCC</option>
</select>

<button id="cftBtn">選択</button>

2.選択されている項目の削除
$(document).ready(function(){
$(“#cftBtn").click( function(){
$('#cftLst > option:selected’).remove();
});
});

3.項目の追加
$(document).ready(function(){
$(“#cftBtn").click( function(){
$('#cftLst’).append($('<option>’).html(“テストデータ４").val(“testDD"));
});
});