如何从选择框中删除项目或向其中添加项目?我正在运行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>

当前回答

为了方便大家看,你还可以:

$("#selectBox option[value='option1']").hide();

and

$("#selectBox option[value='option1']").show();

其他回答

我发现有两页看起来很有用,它是为ASP编写的。Net,但同样的东西应该适用:

如何使用jQuery从下拉列表中添加/删除项目 jQuery选择器表达式

移除一个项目

$("select#mySelect option[value='option1']").remove(); 

添加项目

$("#mySelect").append('<option value="option1">Option</option>');

检查一个选项

$('#yourSelect option[value=yourValue]').length > 0;

删除选定的选项

$('#mySelect :selected').remove(); 

也许其他人需要一种基本的方法来清除选择:

document.getElementById(SELECT_ID).innerHTML = "";

$(" #选择框选择”(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 > < /选项 < /选择>

以下链接将是有帮助的-

http://api.jquery.com/remove/

http://api.jquery.com/append/