JavaScript löscht die gesamte Optionscodefreigabe in select

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zum Löschen aller Optionsinstanzen in der Auswahl vor. Ich hoffe, dass dieser Artikel Ihnen helfen kann, eine solche Funktion zu realisieren.

javascript Alle Optionsinstanzen in select löschen

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

Methode 2: (Alle Optionen in der Auswahl rechts in die Auswahl links verschieben)

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

Keine der beiden oben genannten Methoden ist gut genug! Weil sie nicht auf einmal gelöscht werden können, denn wenn einer von ihnen gelöscht wird, ändert sich die Seriennummer von $('queryColumn') in der Option!
Beide Methoden sind:

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

oder:

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

(Dann werden alle Optionen in der rechten Auswahl nach links verschoben.) Die Implementierung ist wie folgt:

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

Verwandte Empfehlungen:

jQuery fügt dynamisch ausgewählte Elemente hinzu und löscht sie

jQuery fügt dynamisch ausgewählte Elemente hinzu und löscht sie (Implementierungscode)

js löscht ausgewählten Implementierungscode für doppelte items_Form-Spezialeffekte

Das obige ist der detaillierte Inhalt vonJavaScript löscht die gesamte Optionscodefreigabe in select. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!