Maison  >  Article  >  interface Web  >  Une brève analyse de l'opération Jquery select

Une brève analyse de l'opération Jquery select

高洛峰
高洛峰original
2016-12-28 09:57:02910parcourir

Sans plus tarder, veuillez jeter un œil au code :

<select id="Select1">
  <option value="one">一</option>
  <option value="two">二</option>
  <option value="thr">三</option>
  <option value="tho">四</option>
</select>

Commentaires :

(1) Attribuez une valeur à la liste déroulante : $("#Select1 ").val("二" ); À ce moment, l'option avec la valeur deux a été sélectionnée. Vous pouvez obtenir que l'index à ce moment soit compris entre 1 et $("#Select1")[0].selectedIndex ou $( "#Select1").get(0).selectedIndex. L'index de la liste déroulante commence à 0

(2) Vous pouvez également définir la sélection en définissant l'attribut $("#Select1 option[ value='two']").attr('selected',true); En fait, cela équivaut à attribuer une valeur

(3) Récupérer le texte correspondant à la valeur sélectionnée :

1. Obtenir par valeur : $("#Select1 option[value='" value "']") .text() ou $("#Select1").find("option[value='" value "'] ").text()

2. Traversez l'état sélectionné : $("#Select1 ").find("option:selected").text()

(4) Cascade de listes déroulantes :

Plusieurs fois, la cascade de sélection est utilisée, c'est-à-dire la deuxième sélection. La valeur change avec la valeur sélectionnée par la première sélection. C'est très simple dans jQuery.

Par exemple : $(".selector1").change(function(){

// Effacez d'abord le deuxième

$(".selector2"). vide ();

// Dans les applications réelles, plusieurs options ici sont généralement générées à l'aide d'une boucle

var option = $("<option>").val(1).text("pxx");
  $(".selector2").append(option);
  });

(5) Utilisez la valeur du texte dans l'option pour sélectionner le correspondant un La valeur de l'option

var count = $("#Select1 option").length;
   for (var i = 0; i < count; i++) {
    if ($("#Select1").get(0).options[i].text == $(this).val()) {
     $("#Select1").get(0).options[i].selected = true;
     break;
    }
   }

Ps : Comment supprimer les espaces de début et de fin dans jquer : $.trim(value);

Ce qui précède est l'intégralité du contenu de cet article I. J'espère que le contenu de cet article sera utile à l'apprentissage de tout le monde. Ou que le travail puisse apporter de l'aide, et j'espère également soutenir le site Web PHP chinois

Pour plus d'articles sur la sélection des opérations Jquery, veuillez faire attention à ! le site PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn