|
|
Postat pe 30.07.2015 11:20:50
|
|
|
jQuery primește Textul și Valoarea selectate prin Select:
Explicație a sintaxei:
1. $("#select_id").change(function(){//code...}); Adaugă un eveniment la Select, care este declanșat când una dintre selecții
2. var checkText=$("#select_id").find("option:selected").text(); Obține textul selectat cu Select
3. var checkValue=$("#select_id").val(); Primește valoarea selectată de Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Obține valoarea indicelui selectată de Select
5. var maxIndex=$("#select_id option:last").attr("index"); Obține cea mai mare valoare de indice pentru Select
jQuery setează Textul și Valoarea selectate prin Select:
Explicație a sintaxei:
1. $("#select_id ").get(0).selectedIndex=1; Setează Select pentru a selecta elemente cu valoare de index 1
2. $("#select_id ").val(4); Setează valoarea Select la 4 pentru obiectul selectat
3. $("#select_id option[text='jQuery']").attr("selected", true); Setează valoarea Text a Select pe jQuery
jQuery adaugă/elimină elemente de opțiune pentru Select:
Explicație a sintaxei:
1. $("#select_id").append("<valoarea opțiunii='Value'>Text</option>"); Adaugă o opțiune pentru a selecta
2. $("#select_id").prepend("<valoarea opțiunii='0'> vă rugăm să selectați</option> "); Inserează o opțiune (prima poziție) pentru Select
3. $("#select_id opțiune:last").remove(); Șterge opțiunea cu cea mai mare valoare de indice în Select (ultimul)
4. $("#select_id option[index='0']").remove(); Elimină valoarea indicelui 0 din Opțiunea Select (prima)
5. $("#select_id option[value='3']").remove(); Șterge opțiunea cu valoare='3' în Select
5. $("#select_id option[text='4']").remove(); Șterge opțiunea cu Text='4' în Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery valoare radio, valoare de bifat, valoare select, selectare radio, bifat caseta de bifat, select select și așa mai departe
Primește valorile unui set de elemente selectate prin radio
var item = $('input[@name=items][@checked]').val();
Primește textul obiectului selectat
var item = $("select[@name=items] opțiune[@selected]").text();
Al doilea element al căsuței derulante select este valoarea selectată în prezent
$('#select_id')[0].selectedIndex = 1;
Al doilea element al grupului radio radio este valoarea selectată în prezent
$('input[@name=items]').get(1).checked = true;
Obține valori:
Casetă de text, zonă de text: $("#txt").attr("value");
bifat mai mult: $("#checkbox_id").attr("value");
radio: $("Input[@type=Radio][@checked]").val();
menino derulant selectează: $('#sel').val();
Elementele de control ale formei:
Casetă de text, zonă de text: $("#txt").attr("value",''); Golește conținutul
$("#txt").attr("value",'11'); Completează conținutul
bifat: $("#chk1").attr("bifat",''); Fără căpușe
$("#chk2").attr("bifat",adevărat); Bipușă
if($("#chk1").attr('checked')==nedefinit) // Determină dacă a fost bifat
radio: $("input[@type=radio]").attr("verificat",'2'); Obiectul cu valoare=2 este obiectul selectat în prezent
menino derulant selectează: $("#sel").attr("value",'-sel3'); Setează valorea=-sel3 la elementul selectat în prezent
$("<valoarea opțiunii='1'>1111<</option>valoarea opțiunii='2'>2222"</option>).appendTo("#sel")//Adaugă opțiunea din fereastra derulantă
$("#sel").gol(); Șterge cutia derulantă
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] opțiune").chaque(funcție(){
if($(this).val() == 111){
$(aceasta).remove();
}
});
}else{
$("<valoarea opțiunii='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
opțiune $(#testSelect:selected').text();
sau $("#testSelect").find('option:selected').text();
sau $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Dacă ai o memorie proastă, o poți colecta:
1. Cutie derulantă:
var cc1 = $(".formc select[@name='country'] opțiune[@selected]").text(); Obține textul elementului selectat în meniul derulant (observă spațiul din mijloc)
var cc2 = $('.formc select[@name="country"]').val(); Obține valoarea obiectului selectat în meniul derulant
var cc3 = $('.formc select[@name="country"]').attr("id"); Obține valoarea atributului ID al elementului selectat în meniul derulant
$("#select").gol(); Golește căsuța derulantă //$("#select").html('');
$("<valoarea opțiunii='1'>1111"</option>).appendTo("#select")//Adaugă opțiunea din fereastra derulantă
Ca să explic puțin:
1.opțiunea select[@name='țară'] [@selected] înseamnă că are un atribut de nume,
Iar valoarea proprietății este elementul opțiune cu atributul selectat în elementul select al "țară";
Se poate observa că cele care încep cu @ înseamnă că sunt urmate de atribute.
2. Cutie radio:
$("input[@type=radio][@checked]").val(); Primește valoarea obiectului selectat în cutia radio (rețineți că nu există spațiu în mijloc)
$("input[@type=radio][@value=2]").attr("verificat", 'verificat'); Setează valoarea cutiei radio = 2 la starea selectată. (Rețineți că nu există spațiu în mijloc)
3. Bifat:
$("input[@type=casetă de bifat][@checked]").val(); Valoarea primului obiect este bifată în căsuța de bifat
$("input[@type=casetă de bifat][@checked]").each(function(){ // Deoarece căsuța de bifat este de obicei bifată pentru mai multe căsuțe, poate fi repetată în buclă
alert($(this).val());
});
$("#chk1").attr("verificat",''); Fără căpușe
$("#chk2").attr("bifat",adevărat); Bipușă
if($("#chk1").attr('checked')==nedefinit){} //Determină dacă a fost bifat
Desigur, selectorul lui jquery este puternic. Există multe alte moduri.
<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()
{
alertă("Alo");
alert($("#selectTest").attr("nume"));
$("a").attr("href","xx.html");
window.locatio elimină n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest opțiune[@selected]").text());
$("#selectTest").attr("valoare", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- cutie derulantă - >
<select id="selectTest" nume="selectTest">
<valoarea opțiunii="1">11</option>
<valoarea opțiunii="2">22</option>
<valoarea opțiunii="3">33</option>
<valoarea opțiunii="4">44</option>
<valoarea opțiunii="5">55</option>
<valoarea opțiunii="6">66</option>
</select>
jquery radio, checkbox, select, radio, checkbox, select și related pentru a obține valoarea unui set de elemente selectate radio
var item = $('input[@name=items][@checked]').val();
Primește textul obiectului selectat
var item = $("select[@name=items] opțiune[@selected]").text();
Al doilea element al căsuței derulante select este valoarea selectată în prezent
$('#select_id')[0].selectedIndex = 1;
Al doilea element al grupului radio radio este valoarea selectată în prezent
$('input[@name=items]').get(1).checked = true;
Obține valori:
Casetă de text, zonă de text: $("#txt").attr("value");
bifat mai mult: $("#checkbox_id").attr("value");
radio: $("Input[@type=Radio][@checked]").val();
menino derulant selectează: $('#sel').val();
Elementele de control ale formei:
Casetă de text, zonă de text: $("#txt").attr("value",''); Golește conținutul
$("#txt").attr("value",'11'); Completează conținutul
bifat: $("#chk1").attr("bifat",''); Fără căpușe
$("#chk2").attr("bifat",adevărat); Bipușă
if($("#chk1").attr('checked')==nedefinit) // Determină dacă a fost bifat
radio: $("input[@type=radio]").attr("verificat",'2'); Obiectul cu valoare=2 este obiectul selectat în prezent
menino derulant selectează: $("#sel").attr("value",'-sel3'); Setează valorea=-sel3 la elementul selectat în prezent
$("<optionvalue='1'> 1111<</option>optionvalue='2'>2222</option> appendTo("#sel")//Add opțiunea din fereastra derulantă
$("#sel").gol(); Șterge cutia derulantă
Primește valorile unui set de elemente selectate prin radio
var item = $('input[@name=items][@checked]').val();
Primește textul obiectului selectat
var item = $("select[@name=items] opțiune[@selected]").text();
Al doilea element al căsuței derulante select este valoarea selectată în prezent
$('#select_id')[0].selectedIndex = 1;
Al doilea element al grupului radio radio este valoarea selectată în prezent
$('input[@name=items]').get(1).checked = true;
Obține valori:
Casetă de text, zonă de text: $("#txt").attr("value");
bifat mai mult: $("#checkbox_id").attr("value");
radio: $("Input[@type=Radio][@checked]").val();
menino derulant selectează: $('#sel').val();
Elementele de control ale formei:
Casetă de text, zonă de text: $("#txt").attr("value",''); Golește conținutul
$("#txt").attr("value",'11'); Completează conținutul
bifat: $("#chk1").attr("bifat",''); Fără căpușe
$("#chk2").attr("bifat",adevărat); Bipușă
if($("#chk1").attr('checked')==nedefinit) // Determină dacă a fost bifat
radio: $("input[@type=radio]").attr("verificat",'2'); Obiectul cu valoare=2 este obiectul selectat în prezent
menino derulant selectează: $("#sel").attr("value",'-sel3'); Setează valorea=-sel3 la elementul selectat în prezent
$("<valoarea opțiunii='1'>1111<</option>valoarea opțiunii='2'>2222"</option>).appendTo("#sel")//Adaugă opțiunea din fereastra derulantă
$("#sel").gol(); Șterge cutia derulantă
|
Precedent:Rezolvat, nicio conexiune la stânga în linqUrmător:Instruire pentru pregătirea examenelor soft
|
Postat pe 30.07.2015 16:13:16