jQuery obtient le texte et la valeur sélectionnés par Select :
Explication de la syntaxe :
1. $(« #select_id »).change(function(){//code...}) ; Ajoutez un événement à la sélection (Select), qui se déclenche lorsque l’une des sélections
2. var checkText=$(« #select_id »).find(« option :selected »).text() ; Obtenez le texte sélectionné avec Select
3. var checkValue=$(« #select_id »).val() ; Obtient la valeur sélectionnée par Select
4. var checkIndex=$(« #select_id « ).get(0).selectedIndex ; Obtenez la valeur de l’indice sélectionnée par Select
5. var maxIndex=$(« #select_id option :last »).attr(« index ») ; Obtenez la plus grande valeur de l’indice pour Select
jQuery définit le texte et la valeur sélectionnés par Select :
Explication de la syntaxe :
1. $(« #select_id « ).get(0).selectedIndex=1 ; Définissez Select pour sélectionner des éléments ayant une valeur d’index de 1
2. $(« #select_id « ).val(4) ; Fixez la valeur de Select à 4 pour l’élément sélectionné
3. $(« #select_id option[text='jQuery'] »).attr(« selected », true) ; Définissez la valeur texte de Select sur jQuery
jQuery ajoute/supprime des éléments d’option pour Select :
Explication de la syntaxe :
1. $(« #select_id »).append(« <valeur de l’option='Value'>Texte</option> ») ; Ajouter une option pour sélectionner
2. $(« #select_id »).prépend(« <valeur de l’option='0'> veuillez sélectionner</option> « ) ; Insérer une option (première position) pour Select
3. $(« #select_id option :last »).remove() ; Supprimez l’option avec la plus grande valeur d’indice dans Select (dernier)
4. $(« #select_id option[index='0'] »).remove() ; Supprimer la valeur de l’indice 0 dans Select Option (la première)
5. $(« #select_id option[value='3'] »).remove() ; Supprime l’option avec valeur='3' dans Sélectionner
5. $(« #select_id option[text='4'] »).remove() ; Supprimer l’option avec Text='4' dans Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery valeur radio, valeur de case, valeur de sélection, sélection radio, coche de case, sélection de sélection, sélection de sélection, etc.
Obtient les valeurs d’un ensemble d’éléments sélectionnés par la radio
var item = $('input[@name=items][@checked]').val() ;
Obtient le texte de l’élément sélectionné
var item = $(« select[@name=items] option[@selected] »).text() ;
Le deuxième élément de la boîte déroulante de sélection est la valeur actuellement sélectionnée
$('#select_id')[0].selectedIndex = 1 ;
Le deuxième élément du groupe radio radio est la valeur actuellement sélectionnée
$('input[@name=items]').get(1).checked = vrai ;
Obtenez les valeurs :
Boîte de texte, zone de texte : $(« #txt »).attr(« value ») ;
coche à plusieurs cases : $(« #checkbox_id »).attr(« value ») ;
radio : $(« Input[@type=radio][@checked] »).val() ;
Menu déroulant Select : $('#sel').val() ;
Éléments de la forme de contrôle :
Boîte de texte, zone de texte : $(« #txt »).attr(« value »,'') ; Vide le contenu
$(« #txt »).attr(« value »,'11') ; Remplissez le contenu
case à cocher : $(« #chk1 »).attr(« coché »,'') ; Pas de tiques
$(« #chk2 »).attr(« vérifié »,vrai) ; Tick
if($(« #chk1 »).attr('checked')==indéfini) // Déterminer si elle a été cochée
radio : $(« Entrée[@type=radio] »).attr(« vérifié »,'2') ; L’objet avec la valeur=2 est l’élément actuellement sélectionné
Menu déroulant Select : $(« #sel »).attr(« value »,'-sel3') ; Définir la valeur=-sel3 à l’élément actuellement sélectionné
$(« <valeur de l’option='1'>1111<</option>valeur de l’option='2'>2222 »</option>).appendTo(« #sel »)//Ajouter l’option dans la boîte déroulante
$(« #sel »).vide() ; Effacer la boîte déroulante
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
fonction changeShipMethod(shipping){
var len = $(« select[@name=ISHIPTYPE] option »).length
if(shipping.value != « CA »){
$(« select[@name=ISHIPTYPE] option »).each(function(){
if($(this).val() == 111){
$(this).remove() ;
}
});
}else{
$(« <valeur de l’option='111'>UPS Ground</option> »).appendTo($(« select[@name=ISHIPTYPE] »)) ;
}
}
//取得下拉選單的選取值
$(#testSelect option :selected').text() ;
ou $(« #testSelect »).find('option :selected').text() ;
ou $(« #testSelect »).val() ;
//////////////////////////////////////////////////////////////////
Si vous avez une mauvaise mémoire, vous pouvez la récupérer :
1. Menu déroulant :
var cc1 = $(« .formc select[@name='country'] option[@selected] »).text() ; Trouvez le texte de l’élément sélectionné dans le menu déroulant (notez l’espace au centre)
var cc2 = $('.formc select[@name="country"]').val() ; Obtenez la valeur de l’élément sélectionné dans le menu déroulant
var cc3 = $('.formc select[@name="country"]').attr(« id ») ; Obtenez la valeur de l’attribut ID de l’élément sélectionné dans le menu déroulant
$(« #select »).vide () ; Vide la boîte déroulante //$(« #select »).html('') ;
$(« <valeur option='1'>1111 »</option>).appendTo(« #select »)//Ajouter l’option dans la boîte déroulante
Pour expliquer un peu :
1.select[@name='pays'] option[@selected] signifie qu’elle possède un attribut nom,
Et la valeur de la propriété est l’élément option avec l’attribut sélectionné dans l’élément select de « pays » ;
On peut voir que ceux qui commencent par @ signifient qu’ils sont accompagnés d’attributs.
2. Boîte radio :
$(« input[@type=radio][@checked] »).val() ; Obtient la valeur de l’élément sélectionné dans la boîte radio (notez qu’il n’y a pas d’espace au centre)
$(« input[@type=radio][@value=2] »).attr(« checked », 'checked') ; Réglez la valeur de la boîte radio = 2 à l’état sélectionné. (Notez qu’il n’y a pas d’espace au milieu)
3. Case à cocher :
$(« input[@type=case à cocher][@checked] »).val() ; Permet de cocher la valeur du premier objet dans la case à cocher
$(« input[@type=case à cocher][@checked] »).each(function(){ // Puisque la case est généralement cochée pour plusieurs cases, elle peut être bouclée
alert($(this).val()) ;
});
$(« #chk1 »).attr(« vérifié »,'') ; Pas de tiques
$(« #chk2 »).attr(« vérifié »,vrai) ; Tick
if($(« #chk1 »).attr('checked')==undefined){} //Déterminer si cela a été vérifié
Bien sûr, le sélecteur de jquery est puissant. Il y a bien d’autres moyens.
<scrip remove t src="jquery-1.2.1.js » type="text/javascrip remove t"></scrip去掉t>
<scrip remove t language="javascrip remove t » type="text/javascrip remove t » >
$(document).ready(function(){
$(« #selectTest »).change(fonction()
{
alerte (« Bonjour ») ;
alerte($(« #selectTest »).attr(« nom »)) ;
$(« a »).attr(« href »,"xx.html ») ;
window.locatio supprime n.href="xx.html » ;
alert($(« #selectTest »).val()) ;
alert($(« #selectTest option[@selected] »).text()) ;
$(« #selectTest »).attr(« valeur », « 2 ») ;
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- menu déroulant - >
<select id="selectTest » nom="selectTest">
<valeur de l’option="1">11</option>
<valeur de l’option="2">22</option>
<valeur de l’option="3">33</option>
<valeur option="4">44</option>
<valeur de l’option="5">55</option>
<valeur de l’option="6">66</option>
</select>
jquery, coch, select, radio, checkbox, select, et related pour obtenir la valeur d’un ensemble d’éléments sélectionnés radio
var item = $('input[@name=items][@checked]').val() ;
Obtient le texte de l’élément sélectionné
var item = $(« select[@name=items] option[@selected] »).text() ;
Le deuxième élément de la boîte déroulante de sélection est la valeur actuellement sélectionnée
$('#select_id')[0].selectedIndex = 1 ;
Le deuxième élément du groupe radio radio est la valeur actuellement sélectionnée
$('input[@name=items]').get(1).checked = vrai ;
Obtenez les valeurs :
Boîte de texte, zone de texte : $(« #txt »).attr(« value ») ;
coche à plusieurs cases : $(« #checkbox_id »).attr(« value ») ;
radio : $(« Input[@type=radio][@checked] »).val() ;
Menu déroulant Select : $('#sel').val() ;
Éléments de la forme de contrôle :
Boîte de texte, zone de texte : $(« #txt »).attr(« value »,'') ; Vide le contenu
$(« #txt »).attr(« value »,'11') ; Remplissez le contenu
case à cocher : $(« #chk1 »).attr(« coché »,'') ; Pas de tiques
$(« #chk2 »).attr(« vérifié »,vrai) ; Tick
if($(« #chk1 »).attr('checked')==indéfini) // Déterminer si elle a été cochée
radio : $(« Entrée[@type=radio] »).attr(« vérifié »,'2') ; L’objet avec la valeur=2 est l’élément actuellement sélectionné
Menu déroulant Select : $(« #sel »).attr(« value »,'-sel3') ; Définir la valeur=-sel3 à l’élément actuellement sélectionné
$("<optionvalue='1'> 1111<</option>optionvalue='2'>2222</option> appendTo(« #sel »)//Ajouter l’option de la boîte déroulante
$(« #sel »).vide() ; Effacer la boîte déroulante
Obtient les valeurs d’un ensemble d’éléments sélectionnés par la radio
var item = $('input[@name=items][@checked]').val() ;
Obtient le texte de l’élément sélectionné
var item = $(« select[@name=items] option[@selected] »).text() ;
Le deuxième élément de la boîte déroulante de sélection est la valeur actuellement sélectionnée
$('#select_id')[0].selectedIndex = 1 ;
Le deuxième élément du groupe radio radio est la valeur actuellement sélectionnée
$('input[@name=items]').get(1).checked = vrai ;
Obtenez les valeurs :
Boîte de texte, zone de texte : $(« #txt »).attr(« value ») ;
coche à plusieurs cases : $(« #checkbox_id »).attr(« value ») ;
radio : $(« Input[@type=radio][@checked] »).val() ;
Menu déroulant Select : $('#sel').val() ;
Éléments de la forme de contrôle :
Boîte de texte, zone de texte : $(« #txt »).attr(« value »,'') ; Vide le contenu
$(« #txt »).attr(« value »,'11') ; Remplissez le contenu
case à cocher : $(« #chk1 »).attr(« coché »,'') ; Pas de tiques
$(« #chk2 »).attr(« vérifié »,vrai) ; Tick
if($(« #chk1 »).attr('checked')==indéfini) // Déterminer si elle a été cochée
radio : $(« Entrée[@type=radio] »).attr(« vérifié »,'2') ; L’objet avec la valeur=2 est l’élément actuellement sélectionné
Menu déroulant Select : $(« #sel »).attr(« value »,'-sel3') ; Définir la valeur=-sel3 à l’élément actuellement sélectionné
$(« <valeur de l’option='1'>1111<</option>valeur de l’option='2'>2222 »</option>).appendTo(« #sel »)//Ajouter l’option dans la boîte déroulante
$(« #sel »).vide() ; Effacer la boîte déroulante
|
Publié sur 30/07/2015 11:20:50
|
|
|
Publié sur 30/07/2015 16:13:16