Maison > interface Web > js tutoriel > sélection de l'opération jquery (valeur, ensemble sélectionné)

sélection de l'opération jquery (valeur, ensemble sélectionné)

巴扎黑
Libérer: 2017-06-29 10:04:45
original
941 Les gens l'ont consulté

Chaque fois que vous effectuez une sélection, vous devez toujours sortir et rechercher les informations. Pourquoi ne pas les résumer vous-même et simplement regarder ici à l'avenir.

Par exemple,

1 Définissez l'élément avec la valeur pxx pour sélectionner

$(" .selector") .val("pxx");

2. Définissez le texte sur pxx et sélectionnez l'élément

$(".selector").find("option[text=' pxx']") .attr("selected",true);

Il y a une utilisation des crochets. Le signe égal entre crochets est précédé de attribut nom, pas besoin d'ajouter des guillemets. Souvent, l’utilisation de crochets peut rendre la logique très simple.

3. Obtenez la valeur de l'élément actuellement sélectionné

$(".selector").val();

4. Obtenez le texte de l'élément actuellement sélectionné.

$(".selector").find("option:selected").text();

Les deux points sont utilisés ici. Maîtriser son utilisation et tirer des inférences fera également le code. plus simple.

La cascade de sélections est souvent utilisée, c'est-à-dire que la valeur de la deuxième sélection change avec la valeur sélectionnée par la première sélection. C'est très simple en jquery.

Par exemple :

$(".selector1").change(function(){
     // 先清空第二个
      $(".selector2").empty();
     // 实际的应用中,这里的option一般都是用循环生成多个了
      var option = $("<option>").val(1).text("pxx");
      $(".selector2").append(option);
});
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal