JavaScript は選択内のすべてのオプション コード共有を削除します

この記事では、JavaScript の選択内のすべてのオプション インスタンスを削除する関連情報を主に紹介します。この記事がそのような機能を理解するのに役立つことを願っています。

javascript 選択内のすべてのオプション インスタンスを削除します

方法 1:

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

方法 2: (次に、右の選択にあるすべてのオプションを左の選択に移動します)

function MoveAllRightBtn(){ 
    var columnlength=$('queryColumn').length; 
    var TempText; 
    var TempValue; 
    for(var i=0;i<columnlength;i++){ 
      TempText=$(&#39;queryColumn&#39;).options[i].text; 
      TempValue=$(&#39;queryColumn&#39;).options[i].value; 
      $(&#39;queryColumn&#39;).remove(i); 
      $(&#39;SearchqqueryColumn&#39;).options.add(new Option(TempText,TempValue)); 
    } 
  }

上記 2 つの方法はどちらも十分ではありません。どれか1つを削除すると、オプションの$('queryColumn')のシリアル番号が変わってしまうため、一度に削除することはできません。
良い方法は次のとおりです:

$('SearchqqueryColumn').options.length = 0;

または:

<script> 
function clearOption() 
{ 
  document.getElementById("testSelect").options.length = 0; 
} 
</script>

(その後、右側の Select のすべてのオプションが左側の Select に移動します) 実装は次のとおりです:

function MoveAllRightBtn(){ 
    var columnlength=$('queryColumn').options.length; 
    var TempText; 
    var TempValue; 
    for(var i=0;i<columnlength;i++){ 
      TempText=$(&#39;queryColumn&#39;).options[i].text; 
      TempValue=$(&#39;queryColumn&#39;).options[i].value; 
      $(&#39;SearchqqueryColumn&#39;).options.add(new Option(TempText,TempValue)); 
    } 
    $(&#39;queryColumn&#39;).options.length = 0; 
  }

関連する推奨事項 :

jQuery は選択項目を動的に追加および削除します

jQuery は選択項目を動的に追加および削除します (実装コード)

select_form 特殊効果で重複する項目を削除する js の実装コード

以上がJavaScript は選択内のすべてのオプション コード共有を削除しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。