|
|
Pubblicato su 30/07/2015 11:20:50
|
|
|
jQuery ottiene il Testo e il Valore selezionati da Select:
Spiegazione della sintassi:
1. $("#select_id").change(function(){//code...}); Aggiungi un evento al Select, che viene attivato quando una delle selezioni
2. var checkText=$("#select_id").find("option:selected").text(); Ottieni il testo selezionato con Select
3. var checkValue=$("#select_id").val(); Ottiene il valore selezionato da Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Seleziona il valore dell'indice selezionato
5. var maxIndex=$("#select_id option:last").attr("index"); Ottieni il valore indice più alto per Select
jQuery imposta il Testo e il Valore selezionati tramite Select:
Spiegazione della sintassi:
1. $("#select_id ").get(0).selectedIndex=1; Imposta Select per selezionare gli elementi con un valore indice pari a 1
2. $("#select_id ").val(4); Imposta il valore di Valore di Select a 4 per l'oggetto selezionato
3. $("#select_id opzione[testo='jQuery']").attr("selezionato", vero); Imposta il valore Text di Select su jQuery
jQuery aggiunge/rimuove elementi Option per Select:
Spiegazione della sintassi:
1. $("#select_id").append("<valore dell'opzione='Valore'>Testo</option>"); Aggiungi un'opzione per selezionare
2. $("#select_id").prepend("<valore dell'opzione='0'> per favore seleziona</option> "); Inserisci un'opzione (prima posizione) per Seleziona
3. $("#select_id opzione:last").remove(); Elimina l'opzione con il valore di indice più alto in Select (ultimo)
4. $("#select_id option[index='0']").remove(); Rimuovi il valore dell'indice 0 in Seleziona l'opzione (la prima)
5. $("#select_id option[value='3']").remove(); Elimina l'opzione con valore='3' in Seleziona
5. $("#select_id opzione[text='4']").remove(); Elimina l'opzione con Testo='4' in Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery valore radio, valore di casella di spunta, valore di selezione, selezione radio, casella di controllo controllata, selezione seleziona, e così via
Ottiene i valori di un insieme di elementi selezionati via radio
var item = $('input[@name=items][@checked]').val();
Ottiene il testo dell'oggetto selezionato
var item = $("select[@name=items] option[@selected]").text();
Il secondo elemento della finestra a tendina di selezione è il valore attualmente selezionato
$('#select_id')[0].selectedIndex = 1;
Il secondo elemento del gruppo radio radio è il valore attualmente selezionato
$('input[@name=items]').get(1).checked = vero;
Ottieni valori:
Casella di testo, area di testo: $("#txt").attr("value");
casella di spunta multipla:$("#checkbox_id").attr("valore");
radio: $("input[@type=radio][@checked]").val();
menu a tendina seleziona: $('#sel').val();
Elementi della forma di controllo:
Casella di testo, area di testo: $("#txt").attr("value",''); Svuota il contenuto
$("#txt").attr("valore",'11'); Compila il contenuto
casella da spuntare: $("#chk1").attr("selezionato",''); Niente zecche
$("#chk2").attr("selezionato",vero); Spuntare
if($("#chk1").attr('checked')==indefinito) // Determina se è stato spuntato
radio: $("input[@type=radio]").attr("controllato",'2'); L'oggetto con valore=2 è l'oggetto attualmente selezionato
menu a tendina seleziona: $("#sel").attr("value",'-sel3'); Imposta valore=-sel3 all'elemento attualmente selezionato
$("<valore dell'opzione='1'>1111<</option>valore dell'opzione='2'>2222"</option>).appendTo("#sel")//Aggiungi l'opzione nel menu a tendina
$("#sel").vuoto(); Svuota la finestra a tendina
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
funzione changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("selezionare[@name=ISHIPTYPE] opzione").each(function(){
if($(this).val() == 111){
$(questo).remove();
}
});
}else{
$("<valore dell'opzione='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect opzione:selezionato').testo();
oppure $("#testSelect").find('option:selected').text();
oppure $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Se hai una cattiva memoria, puoi raccoglierla:
1. Riquadro a tendina:
var cc1 = $(".formc select[@name='paese'] opzione[@selected]").text(); Trova il testo dell'elemento selezionato nel menu a tendina (nota lo spazio al centro)
var cc2 = $('.formc select[@name="country"]').val(); Ottieni il valore dell'oggetto selezionato nel menu a tendina
var cc3 = $('.formc select[@name="country"]').attr("id"); Ottieni il valore dell'attributo ID dell'elemento selezionato nel menu a tendina
$("#select").vuoto(); Svuota la casella a tendina //$("#select").html('');
$("<option value='1'>1111"</option>).appendTo("#select")//Add the option del menu a tendina
Per spiegare un po':
1.seleziona[@name='paese'] opzione[@selected] significa che ha un attributo nome,
E il valore della proprietà è l'elemento opzione con l'attributo selezionato nell'elemento selezionato di 'paese';
Si può vedere che quelli che iniziano con @ significano che sono seguiti dagli attributi.
2. Scatola radio:
$("input[@type=radio][@checked]").val(); Ottiene il valore dell'elemento selezionato nella radio box (nota che non c'è spazio al centro)
$("input[@type=radio][@value=2]").attr("controllato", 'controllato'); Imposta il valore della scatola radio=2 allo stato selezionato. (Si noti che non c'è spazio al centro)
3. Casella di spunta:
$("input[@type=casella di spunta][@checked]").val(); Viene selezionato il valore del primo oggetto nella casella di spunta
$("input[@type=casella di spunta][@checked]").chaque(functione(){ // Poiché la casella di spunta di solito è selezionata per più caselle, può essere riempita in loop
allerta($(questo).val());
});
$("#chk1").attr("controllato",''); Niente zecche
$("#chk2").attr("selezionato",vero); Spuntare
if($("#chk1").attr('checked')==undefined){} //Determina se è stato controllato
Ovviamente, il selettore di jquery è potente. Ci sono molti altri modi.
<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(function()
{
allarme ("Ciao");
allerta($("#selectTest").attr("nome"));
$("a").attr("href","xx.html");
window.locatio rimuove n.href="xx.html";
allerta($("#selectTest").val());
allerta($("opzione #selectTest@selected]").testo());
$("#selectTest").attr("valore", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- menu a tendina - >
<select id="selectTest" nome="selectTest">
<valore dell'opzione="1">11</option>
<valore dell'opzione="2">22</option>
<valore dell'opzione="3">33</option>
<valore dell'opzione="4">44</option>
<valore dell'opzione="5">55</option>
<valore dell'opzione="6">66</option>
</select>
jquery radio, casella di spunta, seleziona, radio, casella di spunta, selezione e correlati per ottenere il valore di un insieme di elementi selezionati radio
var item = $('input[@name=items][@checked]').val();
Ottiene il testo dell'oggetto selezionato
var item = $("select[@name=items] option[@selected]").text();
Il secondo elemento della finestra a tendina di selezione è il valore attualmente selezionato
$('#select_id')[0].selectedIndex = 1;
Il secondo elemento del gruppo radio radio è il valore attualmente selezionato
$('input[@name=items]').get(1).checked = vero;
Ottieni valori:
Casella di testo, area di testo: $("#txt").attr("value");
casella di spunta multipla:$("#checkbox_id").attr("valore");
radio: $("input[@type=radio][@checked]").val();
menu a tendina seleziona: $('#sel').val();
Elementi della forma di controllo:
Casella di testo, area di testo: $("#txt").attr("value",''); Svuota il contenuto
$("#txt").attr("valore",'11'); Compila il contenuto
casella da spuntare: $("#chk1").attr("selezionato",''); Niente zecche
$("#chk2").attr("selezionato",vero); Spuntare
if($("#chk1").attr('checked')==indefinito) // Determina se è stato spuntato
radio: $("input[@type=radio]").attr("controllato",'2'); L'oggetto con valore=2 è l'oggetto attualmente selezionato
menu a tendina seleziona: $("#sel").attr("value",'-sel3'); Imposta valore=-sel3 all'elemento attualmente selezionato
$("<optionvalue='1'> 1111<</option>optionvalue='2'>2222</option> appendTo("#sel")//Aggiungi l'opzione della finestra a tendina
$("#sel").vuoto(); Svuota la finestra a tendina
Ottiene i valori di un insieme di elementi selezionati via radio
var item = $('input[@name=items][@checked]').val();
Ottiene il testo dell'oggetto selezionato
var item = $("select[@name=items] option[@selected]").text();
Il secondo elemento della finestra a tendina di selezione è il valore attualmente selezionato
$('#select_id')[0].selectedIndex = 1;
Il secondo elemento del gruppo radio radio è il valore attualmente selezionato
$('input[@name=items]').get(1).checked = vero;
Ottieni valori:
Casella di testo, area di testo: $("#txt").attr("value");
casella di spunta multipla:$("#checkbox_id").attr("valore");
radio: $("input[@type=radio][@checked]").val();
menu a tendina seleziona: $('#sel').val();
Elementi della forma di controllo:
Casella di testo, area di testo: $("#txt").attr("value",''); Svuota il contenuto
$("#txt").attr("valore",'11'); Compila il contenuto
casella da spuntare: $("#chk1").attr("selezionato",''); Niente zecche
$("#chk2").attr("selezionato",vero); Spuntare
if($("#chk1").attr('checked')==indefinito) // Determina se è stato spuntato
radio: $("input[@type=radio]").attr("controllato",'2'); L'oggetto con valore=2 è l'oggetto attualmente selezionato
menu a tendina seleziona: $("#sel").attr("value",'-sel3'); Imposta valore=-sel3 all'elemento attualmente selezionato
$("<valore dell'opzione='1'>1111<</option>valore dell'opzione='2'>2222"</option>).appendTo("#sel")//Aggiungi l'opzione nel menu a tendina
$("#sel").vuoto(); Svuota la finestra a tendina
|
Precedente:Risolto, nessuna connessione sinistra in LINQProssimo:Formazione di preparazione agli esami soft
|
Pubblicato su 30/07/2015 16:13:16