|
|
Julkaistu 30.7.2015 11.20.50
|
|
|
jQuery saa Selectillä valitut Text ja Value -arvot:
Syntaksin selitys:
1. $("#select_id").change(function(){//code...}); Lisää Selectiin tapahtuma, joka käynnistyy, kun yksi valinnoista
2. var checkText=$("#select_id").find("option:selected").text(); Hanki valittu teksti Selectillä
3. var checkValue=$("#select_id").val(); Saa Selectin valitseman arvon
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Valitse indeksiarvo
5. var maxIndex=$("#select_id option:last").attr("index"); Saat suurimman indeksin arvon Selectille
jQuery asettaa Selectillä valitun tekstin ja arvon:
Syntaksin selitys:
1. $("#select_id ").get(0).selectedIndex=1; Aseta Select-valinta valitsemaan alkioita, joiden indeksiarvo on 1
2. $("#select_id ").val(4); Aseta Select-arvoksi 4 valitulle kohteelle
3. $("#select_id option[text='jQuery']").attr("selected", true); Aseta Selectin Text-arvo jQuery:ksi
jQuery lisää/poistaa Option-alkioita Select-toimintoon:
Syntaksin selitys:
1. $("#select_id").append("<option value='Arvo'>Teksti</option>"); Lisää valintavaihtoehto
2. $("#select_id").prepend("<option value='0'> valitse</option> "); Lisää valinta (ensimmäinen asento)
3. $("#select_id option:last").remove(); Poista valinta suurimmalla indeksiarvolla Select (viimeinen)
4. $("#select_id option[index='0']").remove(); Poista indeksiarvo 0 Select Option -kohdasta (ensimmäinen)
5. $("#select_id option[value='3']").remove(); Poista valinta value='3' -kohdassa
5. $("#select_id option[text='4']").remove(); Poista valinta Text='4' -asetuksella
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radioarvo, valintaruutuarvo, valitse arvo, radio valinta, valintaruutu tarkistus, valitse valitse ja niin edelleen
Saa arvot joukolle radiovalintojen kohteita
var item = $('input[@name=items][@checked]').val();
Saa valitun kohteen tekstin
var item = $("select[@name=items] option[@selected]").text();
Valitse pudotusvalikon toinen elementti on tällä hetkellä valittu arvo
$('#select_id')[0].selectedIndex = 1;
Radioryhmän toinen osa on tällä hetkellä valittu arvo
$('input[@name=items]').get(1).checked = true;
Hanki arvot:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo");
monivalintaruutu:$("#checkbox_id").attr("arvo");
radio: $("input[@type=radio][@checked]").val();
pudotusvalikon valinta: $('#sel').val();
Ohjausmuodon elementit:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo",''); Tyhjennä sisältö
$("#txt").attr("arvo",'11'); Täytä sisältö
valintaruutu: $("#chk1").attr("rastitettu",''); Ei punkkeja
$("#chk2").attr("tarkistettu", tosi); Tick
if($("#chk1").attr('tarkistettu')==määrittelemätön) // Määritä, onko se rastitettu
radio: $("input[@type=radio]").attr("tarkistettu",'2'); Kohde, jonka arvo=2 on, on tällä hetkellä valittu alkio
pudotusvalikko: $("#sel").attr("arvo",'-sel3'); Aseta value=-sel3 valittuun kohteeseen
$("<option value='1'>1111</option><option value='2'>2222"</option>).appendTo("#sel")//Lisää pudotusvalikon vaihtoehto
$("#sel").tyhjä(); Tyhjennä pudotusvalikko
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function 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{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
tai $("#testSelect").find('option:selected').text();
tai $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Jos muistisi on huono, voit kerätä sen:
1. Pudotusvalikko:
var cc1 = $(".formc select[@name='maa'] option[@selected]").text(); Hae valitun kohteen teksti pudotusvalikosta (huomaa välilyönti keskellä)
var cc2 = $('.formc select[@name="country"]').val(); Saat valitun tuotteen arvon pudotusvalikosta
var cc3 = $('.formc select[@name="country"]').attr("id"); Saat valitun kohteen ID-attribuutin arvon pudotusvalikosta
$("#select").tyhjä(); Tyhjennä pudotusvalikko //$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//Lisää pudotusvalikon vaihtoehto
Selventääkseni hieman:
1.select[@name='maa'] vaihtoehto[@selected] tarkoittaa, että sillä on nimiattribuutti,
Ja ominaisuusarvo on valintaelementti, jonka valittu attribuutti on valintaelementissä 'maa';
On nähtävissä, että ne, jotka alkavat kirjaimella @, tarkoittavat, että niitä seuraavat attribuutit.
2. Radiolaatikko:
$("input[@type=radio][@checked]").val(); Saa valitun kohteen arvon radiolaatikosta (huomaa, että keskellä ei ole välilyöntiä)
$("input[@type=radio][@value=2]").attr("tarkistettu",'tarkistettu'); Aseta radio-boksin arvo=2 valittuun tilaan. (Huomaa, että keskellä ei ole välilyöntiä)
3. Valintaruutu:
$("input[@type=valintaruutu][@checked]").val(); Saa ensimmäisen kohteen arvon valittuna valintaruutuun
$("input[@type=checkbox][@checked]").each(function(){ // Koska valintaruutu on yleensä valittu useille valintaruutuille, se voidaan silmukata pois
alert($(this).val());
});
$("#chk1").attr("tarkistettu",''); Ei punkkeja
$("#chk2").attr("tarkistettu", tosi); Tick
if($("#chk1").attr('tarkistettu')==määrittelemätön){} //Määritä, onko se tarkistettu
Tietenkin jqueryn valitsin on tehokas. Tapoja on monia muitakin.
<scrip poista t src="jquery-1.2.1.js" type="text/javascrip poista t"></scrip去掉t>
<scrip remove t language="javascrip remove t" type="text/javascrip remove t" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert ("Hello");
alert($("#selectTest").attr("nimi"));
$("a").attr("href","xx.html");
window.locatio poistaa n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("arvo", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- pudotusvalikko - >
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
jquery radio, valintaruutu, valinta, radio, valintaruutu, valinta ja vastaavat saadakseen arvon radio-valittujen kohteiden joukosta
var item = $('input[@name=items][@checked]').val();
Saa valitun kohteen tekstin
var item = $("select[@name=items] option[@selected]").text();
Valitse pudotusvalikon toinen elementti on tällä hetkellä valittu arvo
$('#select_id')[0].selectedIndex = 1;
Radioryhmän toinen osa on tällä hetkellä valittu arvo
$('input[@name=items]').get(1).checked = true;
Hanki arvot:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo");
monivalintaruutu:$("#checkbox_id").attr("arvo");
radio: $("input[@type=radio][@checked]").val();
pudotusvalikon valinta: $('#sel').val();
Ohjausmuodon elementit:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo",''); Tyhjennä sisältö
$("#txt").attr("arvo",'11'); Täytä sisältö
valintaruutu: $("#chk1").attr("rastitettu",''); Ei punkkeja
$("#chk2").attr("tarkistettu", tosi); Tick
if($("#chk1").attr('tarkistettu')==määrittelemätön) // Määritä, onko se rastitettu
radio: $("input[@type=radio]").attr("tarkistettu",'2'); Kohde, jonka arvo=2 on, on tällä hetkellä valittu alkio
pudotusvalikko: $("#sel").attr("arvo",'-sel3'); Aseta value=-sel3 valittuun kohteeseen
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//Lisää pudotusvalikon vaihtoehto
$("#sel").tyhjä(); Tyhjennä pudotusvalikko
Saa arvot joukolle radiovalintojen kohteita
var item = $('input[@name=items][@checked]').val();
Saa valitun kohteen tekstin
var item = $("select[@name=items] option[@selected]").text();
Valitse pudotusvalikon toinen elementti on tällä hetkellä valittu arvo
$('#select_id')[0].selectedIndex = 1;
Radioryhmän toinen osa on tällä hetkellä valittu arvo
$('input[@name=items]').get(1).checked = true;
Hanki arvot:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo");
monivalintaruutu:$("#checkbox_id").attr("arvo");
radio: $("input[@type=radio][@checked]").val();
pudotusvalikon valinta: $('#sel').val();
Ohjausmuodon elementit:
Tekstilaatikko, tekstialue: $("#txt").attr("arvo",''); Tyhjennä sisältö
$("#txt").attr("arvo",'11'); Täytä sisältö
valintaruutu: $("#chk1").attr("rastitettu",''); Ei punkkeja
$("#chk2").attr("tarkistettu", tosi); Tick
if($("#chk1").attr('tarkistettu')==määrittelemätön) // Määritä, onko se rastitettu
radio: $("input[@type=radio]").attr("tarkistettu",'2'); Kohde, jonka arvo=2 on, on tällä hetkellä valittu alkio
pudotusvalikko: $("#sel").attr("arvo",'-sel3'); Aseta value=-sel3 valittuun kohteeseen
$("<option value='1'>1111</option><option value='2'>2222"</option>).appendTo("#sel")//Lisää pudotusvalikon vaihtoehto
$("#sel").tyhjä(); Tyhjennä pudotusvalikko
|
Edellinen:Ratkaistu, ei vasenta yhteyttä LinqissaSeuraava:Soft-kokeeseen valmistautuva koulutus
|
Julkaistu 30.7.2015 16.13.16