如何删除select option
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何删除select option相关的知识，希望对你有一定的参考价值。
jQuery获取Select选择的Text和Value:1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text
2. var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value
3. var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
4. var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery添加/删除Select的Option项：
1. jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
6. jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
内容清空：
jQuery("#select_id").empty(); 参考技术A 用remove函数可以删除 option
var obj = document.getElementById("mySelect");obj.options.length = 0; 删除所有
obj.options.remove(index); 删除指定index的本回答被提问者采纳
javascript:如何清除select控件的所有option项
以下是我的代码，不能删除所有option项，但是我好像又没有错
<html>
<head>
<script>
var op1=new Array("豫园","长风公园");
var op2=new Array("天安门","颐和园");
function ss()
var ctrl1=document.getElementById("sel1");
var ctrl2=document.getElementById("sel2");
var gtext=ctrl1.options[ctrl1.selectedIndex].text;
if(gtext=="上海")
var op=op1;
else if(gtext=="北京")
var op=op2;
alert(ctrl2.options.length);
for(var i=0;i<ctrl2.options.length;i++)
ctrl2.removeChild(ctrl2.options[i]);
for(var i=0;i<op.length;i++)
var opt=document.createElement("option");
var textnode=document.createTextNode(op[i]);
opt.appendChild(textnode);
ctrl2.appendChild(opt);
</script>
</head>
<body>
<select id="sel1" onchange="ss()">
<option>上海</option>
<option>北京</option>
</select>
<select id="sel2">
</select>
</body>
</html>
ctrl2.removeChild(ctrl2.options[i]);
这一句，你取得是ctrl2.options.length，当你删除一项的时候，这个数值减一，所以不可能完全删除。
在此基础上的修改是：
for(var i=0;i<ctrl2.options.length;)
ctrl2.removeChild(ctrl2.options[i]);
参考技术A
1、清空select所有option项
document.getElementById("sel1").length=0;2、循环option项，逐个删除
var ctrl2=document.getElementById("id");
for(var i=0;i<ctrl2.options.length;)
ctrl2.removeChild(ctrl2.options[i]);
参考技术B ddl.options.clear;//ddl名称
以上是关于如何删除select option的主要内容，如果未能解决你的问题，请参考以下文章
使用jQuery，如何删除没有ID或类名的select选项？
javascript:如何清除select控件的所有option项