本文主要和大家介绍javascript 删除select中的所有option的实例的相关资料,希望通过本文能帮助到大家实现这样的功能，需要的朋友可以参考下，希望能帮助到大家。
javascript 删除select中的所有option的实例
方法一：
function deleteoptions()
{
var obj = document.getelementsbytagname("select")[0];
var selectoptions = obj.options;
var optionlength = selectoptions.length;
for(var i=0;i <optionlength;i++)
{
obj.removechild(selectoptions[0]);
}
}
方法二：(那右边的select中的所有option移到左边的select)
function moveallrightbtn(){
var columnlength=$('querycolumn').length;
var temptext;
var tempvalue;
for(var i=0;i<columnlength;i++){
temptext=$('querycolumn').options[i].text;
tempvalue=$('querycolumn').options[i].value;
$('querycolumn').remove(i);
$('searchqquerycolumn').options.add(new option(temptext,tempvalue));
}
}
以上两个方法都不够好！因为它们一次性都册除不了，因为删除了一个它的$('querycolumn')在option的序号就变了！
都好的方法是：
$('searchqquerycolumn').options.length = 0;
或：
<script>
function clearoption()
{
document.getelementbyid("testselect").options.length = 0;
}
</script>
(那右边的select中的所有option移到左边的select)实现如下：
function moveallrightbtn(){
var columnlength=$('querycolumn').options.length;
var temptext;
var tempvalue;
for(var i=0;i<columnlength;i++){
temptext=$('querycolumn').options[i].text;
tempvalue=$('querycolumn').options[i].value;
$('searchqquerycolumn').options.add(new option(temptext,tempvalue));
}
$('querycolumn').options.length = 0;
}
相关推荐：
jquery动态添加删除select项
jquery动态添加删除select项(实现代码)
js删除select中重复项的实现代码_表单特效
以上就是javascript删除select中的所有option代码分享的详细内容。