jQuery henter teksten og verdien valgt av Select:
Syntaksforklaring:
1. $("#select_id").change(function(){//code...}); Legg til en hendelse i Select, som utløses når en av valgene
2. var checkText=$("#select_id").find("option:selected").text(); Få valgt tekst med Select
3. var checkValue=$("#select_id").val(); Får verdien valgt av Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Få indeksverdien valgt av Select
5. var maxIndex=$("#select_id option:last").attr("index"); Få den største indeksverdien for Select
jQuery setter teksten og verdien valgt av Select:
Syntaksforklaring:
1. $("#select_id ").get(0).selectedIndex=1; Sett Select for å velge elementer med indeksverdi 1
2. $("#select_id ").val(4); Sett verdiverdien Select til 4 for det valgte elementet
3. $("#select_id option[text='jQuery']").attr("selected", true); Sett tekstverdien til Select til jQuery
jQuery legger til/fjerner Alternativelementer for Select:
Syntaksforklaring:
1. $("#select_id").append("<opsjonsverdi='Verdi'>Tekst</option>"); Legg til et valg for å velge
2. $("#select_id").prepend("<opsjonsverdi='0'> vennligst velg</option> "); Sett inn et alternativ (første posisjon) for Select
3. $("#select_id option:last").remove(); Slett alternativet med størst indeksverdi i Select (siste)
4. $("#select_id option[index='0']").remove(); Fjern indeksverdien 0 i Select Option (den første)
5. $("#select_id opsjon[verdi='3']").fjern(); Slett alternativet med verdi='3' i Select
5. $("#select_id valg[tekst='4']").fjern(); Slett alternativet med Text='4' i Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radioverdi, avkrysningsboksverdi, velg verdi, radio select, avkrysningsboks, velg select, og så videre
Henter verdiene til et sett med radiovalgte elementer
var item = $('input[@name=items][@checked]').val();
Henter teksten til det valgte elementet
var item = $("select[@name=items] alternative[@selected]").text();
Det andre elementet i select-nedtrekksmenyen er den for øyeblikket valgte verdien
$('#select_id')[0].selectedIndex = 1;
Det andre elementet i radioradiogruppen er den for øyeblikket valgte verdien
$('input[@name=items]').get(1).checked = true;
Få verdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-avkrysningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Velg nedtrekksmeny: $('#sel').val();
Kontrollformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm innholdet
$("#txt").attr("verdi",'11'); Fyll inn innholdet
avkrysningsboks: $("#chk1").attr("sjekket",''); Ingen flått
$("#chk2").attr("sjekket",sant); Tick
hvis($("#chk1").attr('sjekket')==udefinert) // Bestem om den er krysset av
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med verdi=2 er det nåværende valgte elementet
velg nedtrekksmeny: $("#sel").attr("value",'-sel3'); Sett verdi=-sel3 til det nåværende valgte elementet
$("<opsjonsverdi='1'>1111<</option>opsjonsverdi='2'>2222"</option>).appendTo("#sel")//Legg til alternativet i nedtrekksmenyen
$("#sel").empty(); Tøm nedtrekksmenyen
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
funksjon endringSkipMetode(shipping){
var len = $("select[@name=ISHIPTYPE] option").lengde
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
hvis($(denne).val() == 111){
$(denne).fjern();
}
});
}ellers{
$("<opsjonsverdi='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect valg:valgt').text();
eller $("#testSelect").find('option:selected').text();
eller $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Hvis du har dårlig hukommelse, kan du hente den:
1. Nedtrekksboks:
var cc1 = $(".formc select[@name='land'] valg[@selected]").text(); Få teksten til det valgte elementet i nedtrekksmenyen (merk mellomrommet)
var cc2 = $('.formc select[@name="country"]').val(); Få verdien av det valgte elementet i nedtrekksmenyen
var cc3 = $('.formc select[@name="country"]').attr("id"); Få ID-attributtverdien til det valgte elementet i nedtrekksmenyen
$("#select").empty(); Tøm nedtrekksmenyen //$("#select").html('');
$("<option value='1'>1111"</option>).appendTo("#select")//Legg til alternativet i nedtrekksmenyen
For å forklare litt:
1.select[@name='country'] valg[@selected] betyr at den har et navneattributt,
Og egenskapsverdien er opsjonselementet med det valgte attributtet i select-elementet 'land';
Det kan sees at de som starter med @ betyr at de følges av attributter.
2. Radioboks:
$("input[@type=radio][@checked]").val(); Får verdien av det valgte elementet i radioboksen (merk at det ikke er noe mellomrom)
$("input[@type=radio][@value=2]").attr("sjekket",'sjekket'); Sett verdien for radioboksen=2 til valgt tilstand. (Merk at det ikke er noe mellomrom i midten)
3. Avkrysningsboks:
$("input[@type=sjekkboks][@checked]").val(); Får verdien av det første elementet krysset av i avkrysningsboksen
$("input[@type=sjekkboks][@checked]").each(function(){ // Siden avkrysningsboksen vanligvis krysses av for flere avkrysningsbokser, kan den gå i løkke
alert($(denne).val());
});
$("#chk1").attr("sjekket",''); Ingen flått
$("#chk2").attr("sjekket",sant); Tick
hvis($("#chk1").attr('sjekket')==udefinert){} //Bestem om det er sjekket
Selvfølgelig er jquerys selector kraftig. Det finnes mange flere måter.
<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("Hello");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio fjerner n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest valg[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- nedtrekksmeny - >
<select id="selectTest" name="selectTest">
<opsjonsverdi="1">11</option>
<opsjonsverdi="2">22</option>
<opsjonsverdi="3">33</option>
<opsjonsverdi="4">44</option>
<opsjonsverdi="5">55</option>
<opsjonsverdi="6">66</option>
</select>
jquery radio, avkrysningsboks, select, radio, avkrysningsboks, velg og relatert for å hente verdien av et sett radio-valgte elementer
var item = $('input[@name=items][@checked]').val();
Henter teksten til det valgte elementet
var item = $("select[@name=items] alternative[@selected]").text();
Det andre elementet i select-nedtrekksmenyen er den for øyeblikket valgte verdien
$('#select_id')[0].selectedIndex = 1;
Det andre elementet i radioradiogruppen er den for øyeblikket valgte verdien
$('input[@name=items]').get(1).checked = true;
Få verdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-avkrysningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Velg nedtrekksmeny: $('#sel').val();
Kontrollformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm innholdet
$("#txt").attr("verdi",'11'); Fyll inn innholdet
avkrysningsboks: $("#chk1").attr("sjekket",''); Ingen flått
$("#chk2").attr("sjekket",sant); Tick
hvis($("#chk1").attr('sjekket')==udefinert) // Bestem om den er krysset av
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med verdi=2 er det nåværende valgte elementet
velg nedtrekksmeny: $("#sel").attr("value",'-sel3'); Sett verdi=-sel3 til det nåværende valgte elementet
$("<optionsvalue='1'> 1111</option><optionvalue='2'>22222</option> appendTo("#sel")//Legg til valget for nedtrekksmenyen
$("#sel").empty(); Tøm nedtrekksmenyen
Henter verdiene til et sett med radiovalgte elementer
var item = $('input[@name=items][@checked]').val();
Henter teksten til det valgte elementet
var item = $("select[@name=items] alternative[@selected]").text();
Det andre elementet i select-nedtrekksmenyen er den for øyeblikket valgte verdien
$('#select_id')[0].selectedIndex = 1;
Det andre elementet i radioradiogruppen er den for øyeblikket valgte verdien
$('input[@name=items]').get(1).checked = true;
Få verdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-avkrysningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Velg nedtrekksmeny: $('#sel').val();
Kontrollformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm innholdet
$("#txt").attr("verdi",'11'); Fyll inn innholdet
avkrysningsboks: $("#chk1").attr("sjekket",''); Ingen flått
$("#chk2").attr("sjekket",sant); Tick
hvis($("#chk1").attr('sjekket')==udefinert) // Bestem om den er krysset av
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med verdi=2 er det nåværende valgte elementet
velg nedtrekksmeny: $("#sel").attr("value",'-sel3'); Sett verdi=-sel3 til det nåværende valgte elementet
$("<opsjonsverdi='1'>1111<</option>opsjonsverdi='2'>2222"</option>).appendTo("#sel")//Legg til alternativet i nedtrekksmenyen
$("#sel").empty(); Tøm nedtrekksmenyen
|
Publisert på 30.07.2015 11:20:50
|
|
|
Publisert på 30.07.2015 16:13:16