Partage des méthodes d'opération de contrôle de sélection déroulante jquery (sélection d'opération jquery)_jquery

Les méthodes JQuery pour obtenir et définir les options de sélection sont résumées comme suit :

Code :

Copier le code Le code est le suivant :

$("#select_id").change (function( ){//code...}); //Ajouter un événement pour Select, qui est déclenché lorsqu'un des éléments est sélectionné
var checkText=$("#select_id").find("option :selected").text( ); //Obtenir le texte
var checkValue=$("#select_id").val(); //Obtenir la valeur
var checkIndex=$("#select_id ") .get( 0).selectedIndex; //Obtenir la valeur d'index sélectionnée par Select
var maxIndex=$("#select_id option:last").attr("index");
$( "#select_id ").get(0).selectedIndex=1; //Définissez l'élément avec la valeur d'index de sélection 1 pour sélectionner
$("#select_id ").val(4); Définissez la valeur de Select sur 4 éléments sélectionnés
$("#select_id option[text='jQuery']").attr("selected", true); // Définissez la valeur du texte de Select sur la valeur sélectionnée de jQuery; articles

Récupérez le texte sélectionné en sélectionnant :

Copier le code Le code est le suivant :

$("#ddlRegType").find ("option : sélectionnée").text();

Récupérez la valeur sélectionnée par select :

Copier le code Le code est le suivant :

$(" #nowamagic").val();

Récupérez l'index sélectionné par select :

Copier le code Le code est le suivant :

$(" #nowamagic").get(0).selectedIndex;

Définir la sélection

jQuery ajoute/supprime l'élément Option de Select :

Copier le code Le code est le suivant :

$("#select_id").append ("< ;option value='Value'>Text" ); //Ajouter une option (élément déroulant) à Select
$("#select_id").prepend("Veuillez sélectionner"); //Insérer une option (première position) pour Select
$("#select_id option:last").remove(); //Supprimer l'index valeur dans Select Maximum Option (dernière)
$("#select_id option[index='0']").remove(); //Supprimer l'option (première) avec la valeur d'index 0 dans Select
$( "#select_id option[value='3']").remove(); //Supprimer l'option
$("#select_id option[text='4']").remove avec Value='3 ' dans Select (); //Option de suppression

avec Text='4' dans Select

Définir la sélection de l'index sélectionné :

Copier le code Le code est le suivant :

/ /index Pour la valeur de l'index
$("#nowamagic").get(0).selectedIndex=index;

Définir la valeur sélectionnée :

Copier le code Le code est le suivant :

$("#nowamagic").attr ("value ","Normal");
$("#nowamagic").val("Normal");
$("#nowamagic").get(0).value = valeur;

Définir la sélection du texte sélectionné :

Copier le code Le code est le suivant :

var count=$("#nowamagicoption" .length ;
for(var i=0;i { if($("#nowamagic").get(0).options[i].text == text)
{
             $("#nowamagic").get(0).options[i].selected = true;                                                                     
Effacer la sélection :

Copier le code

Le code est le suivant :

$("#nowamagic").empty ();