如何从选择框中删除项目或向其中添加项目?我正在运行jQuery，这应该使任务更容易。下面是一个示例选择框。
<select name="selectBox" id="selectBox">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>
当前回答
window.onload = function ()
{
var select = document.getElementById('selectBox');
var delButton = document.getElementById('delete');
function remove()
{
value = select.selectedIndex;
select.removeChild(select[value]);
}
delButton.onclick = remove;
}
要添加项目，我将创建第二个选择框，并:
var select2 = document.getElementById('selectBox2');
var addSelect = document.getElementById('addSelect');
function add()
{
value1 = select2.selectedIndex;
select.appendChild(select2[value1]);
}
addSelect.onclick = add;
但不是jQuery。
其他回答
window.onload = function ()
{
var select = document.getElementById('selectBox');
var delButton = document.getElementById('delete');
function remove()
{
value = select.selectedIndex;
select.removeChild(select[value]);
}
delButton.onclick = remove;
}
要添加项目，我将创建第二个选择框，并:
var select2 = document.getElementById('selectBox2');
var addSelect = document.getElementById('addSelect');
function add()
{
value1 = select2.selectedIndex;
select.appendChild(select2[value1]);
}
addSelect.onclick = add;
但不是jQuery。
我必须从一个选择中删除第一个选项，没有ID，只有一个类，所以我成功地使用了这段代码:
$('select.validation').find('option:first').remove();
删除一个选项:
$ (" # selectBox选项[value = option1’]”)。移除(); <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < / > <选择=“selectBox”id=“selectBox”> <选项价值= >“option1 option1 < /选项> <选项价值= >“option2 option2 < /选项> <选项价值= >“option3 option3 < /选项> <选项价值= >“option4 option4 < /选项> 选择< - >
添加一个选项:
$ (" # selectBox”)。append(<选项价值=“option5 " > option5 < /选项>); <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < / > <选择=“selectBox”id=“selectBox”> <选项价值= >“option1 option1 < /选项> <选项价值= >“option2 option2 < /选项> <选项价值= >“option3 option3 < /选项> <选项价值= >“option4 option4 < /选项> 选择< - >
为了方便大家看，你还可以:
$("#selectBox option[value='option1']").hide();
and
$("#selectBox option[value='option1']").show();
$(" #选择框选择”(value = ' option1 ']) .remove (); $(" #选择框”)。追加(“<选项值= " option1 " >选项> < /选项”); 当你想从选择框中完全删除和添加选项时，你可以使用这段代码 <select name="selectBox" id="selectBox"> <选项值= " option1 " > option1 > < /选项 <选项值= " option2 " > option2 > < /选项 <选项值= " option3 " > option3 > < /选项 <选项值= " option4 " > option4 > < /选项 < /选择>
$(" #选择框选择”(value = ' option1 ']) hide (); $(" #选择框选择”(value = ' option1 ']),告诉(); 有时我们需要隐藏和显示选项从选择框，但不删除，然后你可以使用这段代码 <select name="selectBox" id="selectBox"> <选项值= " option1 " > option1 > < /选项 <选项值= " option2 " > option2 > < /选项 <选项值= " option3 " > option3 > < /选项 <选项值= " option4 " > option4 > < /选项 < /选择>
$(' #选择框:选择').remove (); $(" #选择框选择:选择”).remove (); 有时需要从选择框中删除选中的选项 <select name="selectBox" id="selectBox"> <选项值= " option1 " > option1 > < /选项 <选项值= " option2 " > option2 > < /选项 <选项值= " option3 " > option3 > < /选项 <选项值= " option4 " > option4 > < /选项 < /选择>
(“#选择框”)空虚(); 当你需要删除所有选项，然后这段代码 <select name="selectBox" id="selectBox"> <选项值= " option1 " > option1 > < /选项 <选项值= " option2 " > option2 > < /选项 <选项值= " option3 " > option3 > < /选项 <选项值= " option4 " > option4 > < /选项 < /选择>
$(' #选择框');(选项:首先).remove (); $(' #选择框');(选项:去年).remove (); 当需要第一个选项或最后然后这段代码 <select name="selectBox" id="selectBox"> <选项值= " option1 " > option1 > < /选项 <选项值= " option2 " > option2 > < /选项 <选项值= " option3 " > option3 > < /选项 <选项值= " option4 " > option4 > < /选项 < /选择>
