JavaScript supprime tout le partage de code d'option dans Select

Cet article vous présente principalement les informations pertinentes sur la suppression de toutes les instances d'options dans select par javascript. J'espère que cet article pourra vous aider à réaliser une telle fonction. Les amis qui en ont besoin pourront s'y référer.

javascript Supprimer toutes les instances d'options dans select

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

Méthode 2 : (Déplacez toutes les options de la sélection à droite vers la sélection à gauche)

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

Aucune des deux méthodes ci-dessus n’est assez bonne ! Parce qu'ils ne peuvent pas être supprimés d'un coup, car si l'un d'eux est supprimé, le numéro de série de $('queryColumn') dans l'option changera !
Les deux méthodes sont :

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

ou :

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

(Ensuite, toutes les options de la sélection à droite sont déplacées vers la sélection à gauche) La mise en œuvre est la suivante :

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

Recommandations associées :

jQuery ajoute et supprime dynamiquement des éléments sélectionnés

jQuery ajoute et supprime dynamiquement des éléments sélectionnés (code d'implémentation)

js supprime le code d'implémentation sélectionné pour les effets spéciaux items_Form en double

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!