jQuery krijgt de tekst en waarde geselecteerd door Select:
Syntaxische verklaring:
1. $("#select_id").change(function(){//code...}); Voeg een gebeurtenis toe aan de Select, die wordt geactiveerd wanneer een van de selecties wordt geactiveerd
2. var checkText=$("#select_id").find("option:selected").text(); Krijg de geselecteerde tekst met Select
3. var checkValue=$("#select_id").val(); Krijgt de door Select geselecteerde waarde
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Krijg de indexwaarde geselecteerd door Select
5. var maxIndex=$("#select_id option:last").attr("index"); Haal de grootste indexwaarde voor Select
jQuery stelt de tekst en waarde in die geselecteerd zijn door Select:
Syntaxische verklaring:
1. $("#select_id ").get(0).selectedIndex=1; Selecteer om items met een indexwaarde van 1 te selecteren
2. $("#select_id ").val(4); Stel de Waardewaarde van Select in op 4 voor het geselecteerde item
3. $("#select_id option[text='jQuery']").attr("selected", waar); Stel de tekstwaarde van Select in op jQuery
jQuery voegt optie-items toe/verwijdert voor Select:
Syntaxische verklaring:
1. $("#select_id").append("<optie waarde='Waarde'>Tekst</option>"); Voeg een optie toe om te selecteren
2. $("#select_id").prepend("<optie waarde='0'> selecteer "</option>); Een optie invoegen (eerste positie) voor Select
3. $("#select_id optie:laatste").verwijderen(); Verwijder de optie met de grootste indexwaarde in Select (laatste)
4. $("#select_id option[index='0']").remove(); Verwijder de indexwaarde van 0 in Select Option (de eerste)
5. $("#select_id option[value='3']").remove(); Verwijder de optie met waarde='3' in Select
5. $("#select_id option[text='4']").verwijderen(); Verwijder de optie met Text='4' in Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radiowaarde, selectievakjeswaarde, selecteer waarde, radio select, vinkje aanvinken, selecteren selecteren, enzovoort
Krijgt de waarden van een set radio-geselecteerde items
var item = $('input[@name=items][@checked]').val();
Krijgt de tekst van het geselecteerde item
var item = $("select[@name=items] option[@selected]").text();
Het tweede element van het selecteermenu is de momenteel geselecteerde waarde
$('#select_id')[0].selectedIndex = 1;
Het tweede element van de radioradiogroep is de momenteel geselecteerde waarde
$('input[@name=items]').get(1).checked = waar;
Verdien waarden:
Tekstvak, tekstgebied: $("#txt").attr("value");
multi-selectievakje:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Keuzemenu select: $('#sel').val();
Besturingsvormelementen:
Tekstvak, tekstgebied: $("#txt").attr("value",''); Maak de inhoud leeg
$("#txt").attr("waarde",'11'); Vul de inhoud in
Selectievakje: $("#chk1").attr("gecheckt",''); Geen teken
$("#chk2").attr("gecontroleerd",waar'); Tik
als($("#chk1").attr('checked')==ongedefinieerd) // Bepaal of het is aangevinkt
radio: $("input[@type=radio]").attr("checked",'2'); Het item met waarde=2 is het momenteel geselecteerde item
Keuzemenu select: $("#sel").attr("value",'-sel3'); Stel waarde=-sel3 in op het momenteel geselecteerde item
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Voeg de optie van het dropdownvenster toe
$("#sel").empty(); Maak het keuzemenu leeg
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
functie changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
als($(dit).val() == 111){
$(dit).verwijder();
}
});
}anders{
$("<optiewaarde='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
of $("#testSelect").find('option:selected').text();
of $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Als je een slecht geheugen hebt, kun je het verzamelen:
1. Uitklapbare doos:
var cc1 = $(".formc select[@name='land'] option[@selected]").text(); Bekijk de tekst van het geselecteerde item in het dropdownmenu (let op de ruimte in het midden)
var cc2 = $('.formc select[@name="land"]').val(); Bekijk de waarde van het geselecteerde item in het dropdownmenu
var cc3 = $('.formc select[@name="land"]').attr("id"); Haal de ID-attribuutwaarde van het geselecteerde item op in het keuzemenu
$("#select").empty(); Maak het dropdownvakje leeg //$("#select").html('');
$("<optie waarde='1'>1111"</option>).appendTo("#select")//Voeg de optie van het dropdownmenu toe
Om het even uit te leggen:
1.select[@name='land'] optie[@selected] betekent dat het een naamattribuut heeft,
En de eigenschapswaarde is het optie-element met het geselecteerde attribuut in het select-element van 'land';
Het is te zien dat die beginnen met @ betekenen dat ze gevolgd worden door attributen.
2. Radio-box:
$("input[@type=radio][@checked]").val(); Krijgt de waarde van het geselecteerde item in het radiovakje (let op dat er geen ruimte in het midden is)
$("input[@type=radio][@value=2]").attr("gecontroleerd",'gecontroleerd'); Stel de radioboxwaarde =2 in op de geselecteerde toestand. (Let op dat er geen ruimte in het midden is)
3. Vinkje af:
$("input[@type=checkbox][@checked]").val(); Krijgt de waarde van het eerste item aangevinkt in het selectievakje
$("input[@type=checkbox][@checked]").each(function(){ // Omdat het selectievakje meestal voor meerdere selectievakjes wordt aangevinkt, kan het worden afgewisseld
alert($(dit).val());
});
$("#chk1").attr("checked",''); Geen teken
$("#chk2").attr("gecontroleerd",waar'); Tik
if($("#chk1").attr('checked')==undefined){} //Bepaal of het is gecontroleerd
Natuurlijk is de selector van jquery krachtig. Er zijn nog veel meer manieren.
<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("Hallo");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio verwijdert n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("waarde", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- keuzemenu - >
<selecteer id="selectTest" naam="selectTest">
<optiewaarde="1">11</option>
<optiewaarde="2">22</option>
<optiewaarde="3">33</option>
<optiewaarde="4">44</option>
<optie waarde="5">55</option>
<optiewaarde="6">66</option>
</select>
jquery radio, selectievakje, select, radio, vinkje selectie, selecteer en gerelateerd om de waarde van een set radio-geselecteerde items te krijgen
var item = $('input[@name=items][@checked]').val();
Krijgt de tekst van het geselecteerde item
var item = $("select[@name=items] option[@selected]").text();
Het tweede element van het selecteermenu is de momenteel geselecteerde waarde
$('#select_id')[0].selectedIndex = 1;
Het tweede element van de radioradiogroep is de momenteel geselecteerde waarde
$('input[@name=items]').get(1).checked = waar;
Verdien waarden:
Tekstvak, tekstgebied: $("#txt").attr("value");
multi-selectievakje:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Keuzemenu select: $('#sel').val();
Besturingsvormelementen:
Tekstvak, tekstgebied: $("#txt").attr("value",''); Maak de inhoud leeg
$("#txt").attr("waarde",'11'); Vul de inhoud in
Selectievakje: $("#chk1").attr("gecheckt",''); Geen teken
$("#chk2").attr("gecontroleerd",waar'); Tik
als($("#chk1").attr('checked')==ongedefinieerd) // Bepaal of het is aangevinkt
radio: $("input[@type=radio]").attr("checked",'2'); Het item met waarde=2 is het momenteel geselecteerde item
Keuzemenu select: $("#sel").attr("value",'-sel3'); Stel waarde=-sel3 in op het momenteel geselecteerde item
$("<optionvalue='1'> 1111</option><optionvalue='2'>22222</option> appendTo("#sel")//Voeg de optie van het keuzemenu toe
$("#sel").empty(); Maak het keuzemenu leeg
Krijgt de waarden van een set radio-geselecteerde items
var item = $('input[@name=items][@checked]').val();
Krijgt de tekst van het geselecteerde item
var item = $("select[@name=items] option[@selected]").text();
Het tweede element van het selecteermenu is de momenteel geselecteerde waarde
$('#select_id')[0].selectedIndex = 1;
Het tweede element van de radioradiogroep is de momenteel geselecteerde waarde
$('input[@name=items]').get(1).checked = waar;
Verdien waarden:
Tekstvak, tekstgebied: $("#txt").attr("value");
multi-selectievakje:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Keuzemenu select: $('#sel').val();
Besturingsvormelementen:
Tekstvak, tekstgebied: $("#txt").attr("value",''); Maak de inhoud leeg
$("#txt").attr("waarde",'11'); Vul de inhoud in
Selectievakje: $("#chk1").attr("gecheckt",''); Geen teken
$("#chk2").attr("gecontroleerd",waar'); Tik
als($("#chk1").attr('checked')==ongedefinieerd) // Bepaal of het is aangevinkt
radio: $("input[@type=radio]").attr("checked",'2'); Het item met waarde=2 is het momenteel geselecteerde item
Keuzemenu select: $("#sel").attr("value",'-sel3'); Stel waarde=-sel3 in op het momenteel geselecteerde item
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Voeg de optie van het dropdownvenster toe
$("#sel").empty(); Maak het keuzemenu leeg
|
Geplaatst op 30-07-2015 11:20:50
|
|
|
Geplaatst op 30-07-2015 16:13:16