Rumah >hujung hadapan web >tutorial js >javascript删除select中的所有option代码分享
本文主要和大家介绍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; }
相关推荐:
Atas ialah kandungan terperinci javascript删除select中的所有option代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!