[置顶] 【代码库】删除select元素节点下所有的OPTION节点

删除select标签节点下所有的OPTION节点

方法一：

Js代码

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)

Js代码 收藏代码

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的序号就变了！

简单最优的方法如下：（只需将length置0）

Js代码 收藏代码

$('SearchqqueryColumn').options.length = 0;
Js代码  收藏代码
<script>
function clearOption()
{
document.getElementById("testSelect").options.length = 0;
}
</script>

(那右边的Select中的所有option移到左边的Select)实现如下：

Js代码 收藏代码

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;
}