jQuery hämtar texten och värdet som valts av Select:
Syntaxförklaring:
1. $("#select_id").change(function(){//code...}); Lägg till en händelse i Select, som triggas när en av valen
2. var checkText=$("#select_id").find("option:selected").text(); Få den valda texten med Select
3. var checkValue=$("#select_id").val(); Får värdet valt av Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Få indexvärdet valt av Select
5. var maxIndex=$("#select_id option:last").attr("index"); Få det största indexvärdet för Select
jQuery sätter Text och Value som valts av Select:
Syntaxförklaring:
1. $("#select_id ").get(0).selectedIndex=1; Sätt Select för att välja objekt med indexvärdet 1
2. $("#select_id ").val(4); Sätt värdevärdet av Select till 4 för det valda objektet
3. $("#select_id option[text='jQuery']").attr("selected", true); Sätt textvärdet för Select till jQuery
jQuery lägger till/tar bort Alternativobjekt för Select:
Syntaxförklaring:
1. $("#select_id").append("<option value='Value'>Text</option>"); Lägg till ett alternativ för att välja
2. $("#select_id").prepend("<optionsvärde='0'> vänligen välj</option> "); Lägg in ett alternativ (första position) för Select
3. $("#select_id option:last").remove (); Ta bort alternativet med det största indexvärdet i Select (sist)
4. $("#select_id option[index='0']").remove(); Ta bort indexvärdet 0 i Välj alternativ (det första)
5. $("#select_id option[value='3']").remove(); Ta bort alternativet med värde='3' i Select
5. $("#select_id option[text='4']").remove (); Ta bort alternativet med Text='4' i Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radiovärde, kryssruta, välj värde, radio select, kryssruta kryssa i, välj select, och så vidare
Får värdena för en uppsättning radiovalda objekt
var item = $('input[@name=items][@checked]').val();
Hämtar texten till det valda objektet
var item = $("select[@name=items] options[@selected]").text();
Det andra elementet i rullgardinsmenyn är det för närvarande valda värdet
$('#select_id')[0].selectedIndex = 1;
Det andra elementet i radiogruppen är det för närvarande valda värdet
$('input[@name=items]').get(1).checked = true;
Få värden:
Textruta, textfält: $("#txt").attr("value");
flerkryssruta:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
rullgardinsmeny: $('#sel').val();
Kontrollformelement:
Textruta, textområde: $("#txt").attr("value",''); Töm innehållet
$("#txt").attr("value",'11'); Fyll i innehållet
kryssruta: $("#chk1").attr("checked",''); Inga fästingar
$("#chk2").attr("checked",true); Tick
if($("#chk1").attr('checked')==odefinierad) // Bestäm om den har kryssats av
radio: $("input[@type=radio]").attr("checked",'2'); Föremålet med värde=2 är det för närvarande valda objektet
rullgardinsmenyval: $("#sel").attr("value",'-sel3'); Sätt värde=-sel3 till det aktuella valda objektet
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Lägg till alternativet i rullgardinsmenyn
$("#sel").empty(); Rensa rullgardinsmenyn
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
funktion changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(detta).val() == 111){
$(detta).ta bort();
}
});
}annars{
$("<optionsvärde='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect val:selected').text();
eller $("#testSelect").find('option:selected').text();
eller $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Om du har dåligt minne kan du samla på det:
1. Rullgardinsmeny:
var cc1 = $(".formc select[@name='land'] options[@selected]").text(); Få texten till det valda objektet i rullgardinsmenyn (notera mellanrummet)
var cc2 = $('.formc select[@name="country"]').val(); Få värdet på det valda föremålet i rullgardinsmenyn
var cc3 = $('.formc select[@name="country"]').attr("id"); Få ID-attributvärdet för det valda objektet i rullgardinsmenyn
$("#select").empty(); Töm rullgardinsmenyn //$("#select").html('');
$("<option value='1'>1111"</option>).appendTo("#select")//Lägg till alternativet i rullgardinsmenyn
För att förklara lite:
1.select[@name='country'] alternativ[@selected] betyder att den har ett namnattribut,
Och egenskapsvärdet är optionselementet med det valda attributet i select-elementet 'country';
Det kan ses att de som börjar med @ betyder att de följs av attribut.
2. Radiobox:
$("input[@type=radio][@checked]").val(); Får värdet på det valda objektet i radiorutan (observera att det inte finns något mellanrum i mitten)
$("input[@type=radio][@value=2]").attr("checked",'checked'); Ställ in radioboksvärde=2 till det valda tillståndet. (Observera att det inte finns något mellanrum i mitten)
3. Kryssruta:
$("input[@type=checkbox][@checked]").val(); Får värdet på det första objektet som kryssas i kryssrutan
$("input[@type=checkbox][@checked]").each(function(){ // Eftersom kryssrutan vanligtvis är ikryssad för flera kryssrutor kan den loopas ut
alert($(detta).val());
});
$("#chk1").attr("checked",''); Inga fästingar
$("#chk2").attr("checked",true); Tick
if($("#chk1").attr('checked')==odefinierad){} //Bestäm om det har kontrollerats
Självklart är jquerys selektor kraftfull. Det finns många fler sätt.
<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 ("Hej");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio tar bort n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("värde", "2");
});
});
</scrip去掉t>. .
<a href="#">aaass</a>
<!-- rullgardinsmeny - >
<select id="selectTest" name="selectTest">
<optionsvärde="1">11</option>
<optionsvärde="2">22</option>
<optionsvärde="3">33</option>
<optionsvärde="4">44</option>
<optionsvärde="5">55</option>
<optionsvärde="6">66</option>
</select>
jquery radio, kryssruta, select, radio, kryssruta, select, och related för att få värdet av en uppsättning radiovalda objekt
var item = $('input[@name=items][@checked]').val();
Hämtar texten till det valda objektet
var item = $("select[@name=items] options[@selected]").text();
Det andra elementet i rullgardinsmenyn är det för närvarande valda värdet
$('#select_id')[0].selectedIndex = 1;
Det andra elementet i radiogruppen är det för närvarande valda värdet
$('input[@name=items]').get(1).checked = true;
Få värden:
Textruta, textfält: $("#txt").attr("value");
flerkryssruta:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
rullgardinsmeny: $('#sel').val();
Kontrollformelement:
Textruta, textområde: $("#txt").attr("value",''); Töm innehållet
$("#txt").attr("value",'11'); Fyll i innehållet
kryssruta: $("#chk1").attr("checked",''); Inga fästingar
$("#chk2").attr("checked",true); Tick
if($("#chk1").attr('checked')==odefinierad) // Bestäm om den har kryssats av
radio: $("input[@type=radio]").attr("checked",'2'); Föremålet med värde=2 är det för närvarande valda objektet
rullgardinsmenyval: $("#sel").attr("value",'-sel3'); Sätt värde=-sel3 till det aktuella valda objektet
$("<optionsvalue='1'> 1111</option><optionvalue='2'>22222</option> appendTo("#sel")//Lägg till alternativet för rullgardinsmenyn
$("#sel").empty(); Rensa rullgardinsmenyn
Får värdena för en uppsättning radiovalda objekt
var item = $('input[@name=items][@checked]').val();
Hämtar texten till det valda objektet
var item = $("select[@name=items] options[@selected]").text();
Det andra elementet i rullgardinsmenyn är det för närvarande valda värdet
$('#select_id')[0].selectedIndex = 1;
Det andra elementet i radiogruppen är det för närvarande valda värdet
$('input[@name=items]').get(1).checked = true;
Få värden:
Textruta, textfält: $("#txt").attr("value");
flerkryssruta:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
rullgardinsmeny: $('#sel').val();
Kontrollformelement:
Textruta, textområde: $("#txt").attr("value",''); Töm innehållet
$("#txt").attr("value",'11'); Fyll i innehållet
kryssruta: $("#chk1").attr("checked",''); Inga fästingar
$("#chk2").attr("checked",true); Tick
if($("#chk1").attr('checked')==odefinierad) // Bestäm om den har kryssats av
radio: $("input[@type=radio]").attr("checked",'2'); Föremålet med värde=2 är det för närvarande valda objektet
rullgardinsmenyval: $("#sel").attr("value",'-sel3'); Sätt värde=-sel3 till det aktuella valda objektet
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Lägg till alternativet i rullgardinsmenyn
$("#sel").empty(); Rensa rullgardinsmenyn
|
Publicerad på 2015-07-30 11:20:50
|
|
|
Publicerad på 2015-07-30 16:13:16