Une collection complète d'instances de sélection d'opérations jquery

Cet article résume le jQuery pour obtenir le texte et la valeur sélectionnés par Select ; jQuery pour ajouter/supprimer l'opération Select de l'élément Option de Select, la méthode d'obtention de la valeur. et l'affectation, et la définition des méthodes de sélection, ainsi que les explications correspondantes sont données.

jQuery obtient le texte et la valeur sélectionnés par Select :
Explication de la grammaire :

$("#select_id").change(function(){//code...});    //为Select添加事件，当选择其中一项时触发   
var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text   
var checkValue=$("#select_id").val();   //获取Select选择的Value   
var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值  
var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value:

$("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中   
$("#select_id ").val(4);    //设置Select的Value值为4的项选中   
$("#select_id option[text='jQuery']").attr("selected", true);    //设置Select的Text值为jQuery的项选中

jQuery ajoute/supprime l'élément d'option de Select :

Explication grammaticale：

$("#select_id").append("<option value=&#39;Value&#39;>Text</option>");   //为Select追加一个Option(下拉项)   
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");   //为Select插入一个Option(第一个位置)   
$("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)   
$("#select_id option[index=&#39;0&#39;]").remove();   //删除Select中索引值为0的Option(第一个)   
$("#select_id option[value=&#39;3&#39;]").remove();   //删除Select中Value=&#39;3&#39;的Option   
$("#select_id option[text=&#39;4&#39;]").remove();   //删除Select中Text=&#39;4&#39;的Option

jquery implémente la collecte et l'affectation des valeurs de la liste déroulante de sélection, et définit la méthode sélectionnée.

Par exemple

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

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

<🎜. >2 . Sélectionnez l'élément avec le texte défini sur pxx. Il y a une utilisation de crochets. Le signe égal entre crochets est précédé de l'attribut

. nom sans guillemets.

Souvent, l'utilisation de crochets peut rendre la logique très simple.

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

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

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

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

Deux points sont utilisés ici, maîtriser son utilisation et tirer des conclusions à partir d'un exemple simplifiera également le code.

Une 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.

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

Déterminez s'il existe un élément avec Value="paraValue" dans l'option de sélection
Ajoutez un élément à l'option de sélection
Supprimez un élément de l'option de sélection

Supprimez le élément sélectionné dans l'option de sélection Items

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

Modifiez le texte de value="paraValue" dans l'option de sélection en "paraText"

Définissez le premier élément de text="paraText" dans la sélection à sélectionner
Définissez l'élément de value="paraValue" dans le select Pour la sélection
Obtenir la valeur de l'élément actuellement sélectionné de select
Obtenir le texte de l'élément actuellement sélectionné de select
Obtenir l'index de l'élément actuellement sélectionné de sélectionner
Effacer l'élément sélectionné

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!