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

小云云
リリース: 2018-02-06 09:18:12
オリジナル
2600 人が閲覧しました

この記事では、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=$(&#39;queryColumn&#39;).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')のシリアル番号が変わってしまうため、一度に削除することはできません。
良い方法は次のとおりです:


$(&#39;SearchqqueryColumn&#39;).options.length = 0;
ログイン後にコピー

または:


<script> 
function clearOption() 
{ 
  document.getElementById("testSelect").options.length = 0; 
} 
</script>
ログイン後にコピー

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


function MoveAllRightBtn(){ 
    var columnlength=$(&#39;queryColumn&#39;).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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート