jQuery får teksten og værdien valgt af Select:
Syntaksforklaring:
1. $("#select_id").change(function(){//code...}); Tilføj en begivenhed til Select, som udløses, når en af valgene
2. var checkText=$("#select_id").find("option:selected").text(); Få den valgte tekst med Select
3. var checkValue=$("#select_id").val(); Får værdien valgt af Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Få indeksværdien valgt af Select
5. var maxIndex=$("#select_id option:last").attr("index"); Få den største indeksværdi for Select
jQuery sætter teksten og værdien valgt ved Select:
Syntaksforklaring:
1. $("#select_id ").get(0).selectedIndex=1; Sæt Select for at vælge elementer med indeksværdien 1
2. $("#select_id ").val(4); Sæt værdiværdien af Select til 4 for det valgte element
3. $("#select_id option[text='jQuery']").attr("selected", true); Sæt tekstværdien af Select til jQuery
jQuery tilføjer/fjerner Options-elementer for Select:
Syntaksforklaring:
1. $("#select_id").append("<option value='Value'>Text</option>"); Tilføj en mulighed for at vælge
2. $("#select_id").prepend("<option value='0'> vælg venligst</option> "); Indsæt en mulighed (første position) for Select
3. $("#select_id option:sidst").fjern(); Slet Muligheden med den største indeksværdi i Select (sidst)
4. $("#select_id option[index='0']").remove(); Fjern indeksværdien 0 i Vælg Mulighed (den første)
5. $("#select_id option[value='3']").remove(); Slet muligheden med værdi='3' i Select
5. $("#select_id option[text='4']").fjern(); Slet muligheden med tekst='4' i Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radioværdi, afkrydsningsfelt, vælg værdi, radio select, afkrydsningsfelt, vælg vælg osv.
Får værdierne af et sæt radiovalgte elementer
var item = $('input[@name=items][@checked]').val();
Får teksten til det valgte element
var item = $("select[@name=items] option[@selected]").text();
Det andet element i select-dropdown-boksen er den aktuelt valgte værdi
$('#select_id')[0].selectedIndex = 1;
Det andet element i radioradiogruppen er den aktuelt valgte værdi
$('input[@name=items]').get(1).checked = sand;
Få værdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-afkrydsningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-valg: $('#sel').val();
Kontrolformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm indholdet
$("#txt").attr("value",'11'); Udfyld indholdet
Afkrydsningsboks: $("#chk1").attr("checked",''); Ingen flåter
$("#chk2").attr("checked",true); Tik
if($("#chk1").attr('checked')==udefineret) // Bestem om den er blevet krydset af
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med værdi=2 er det aktuelt valgte element
drop-down select: $("#sel").attr("value",'-sel3'); Sæt værdi=-sel3 til det aktuelt valgte element
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Tilføj muligheden for dropdown-boksen
$("#sel").empty(); Ryd rullemenuen
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
funktion changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(denne).val() == 111){
$(denne).fjern();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
eller $("#testSelect").find('option:selected').text();
eller $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Hvis du har dårlig hukommelse, kan du samle den:
1. Rullemenu:
var cc1 = $(".formc select[@name='land'] option[@selected]").text(); Få teksten til det valgte element i dropdown-menuen (bemærk mellemrummet)
var cc2 = $('.formc select[@name="land"]').val(); Få værdien af det valgte element i dropdown-menuen
var cc3 = $('.formc select[@name="country"]').attr("id"); Få ID-attributværdien for det valgte element i dropdown-menuen
$("#select").empty(); Tøm rullemenuboksen //$("#select").html('');
$("<option value='1'>1111"</option>).appendTo("#select")//Tilføj muligheden i dropdown-boksen
For at forklare lidt:
1.select[@name='country'] option[@selected] betyder, at den har et navneattribut,
Og egenskabsværdien er optionselementet med den valgte attribut i select-elementet 'country';
Det kan ses, at dem, der starter med @, betyder, at de efterfølges af attributter.
2. Radioboks:
$("input[@type=radio][@checked]").val(); Får værdien af det valgte element i radioboksen (bemærk at der ikke er plads i midten)
$("input[@type=radio][@value=2]").attr("checked",'checked'); Sæt radioboksværdien=2 til den valgte tilstand. (Bemærk, at der ikke er plads i midten)
3. Afkrydsningsboks:
$("input[@type=checkbox][@checked]").val(); Får værdien af det første element, der er markeret i afkrydsningsboksen,
$("input[@type=checkbox][@checked]").each(function(){ // Da afkrydsningsboksen normalt er markeret for flere afkrydsningsfelter, kan den loopes ud
alert($(this).val());
});
$("#chk1").attr("checked",''); Ingen flåter
$("#chk2").attr("checked",true); Tik
if($("#chk1").attr('checked')==udefineret){} //Bestem om det er blevet tjekket
Selvfølgelig er jquerys selector kraftfuld. Der er mange flere måder.
<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 option[@selected]").text());
$("#selectTest").attr("værdi", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- rullemenuboks - >
<select id="selectTest" name="selectTest">
<optionsværdi="1">11</option>
<optionsværdi="2">22</option>
<optionsværdi="3">33</option>
<optionsværdi="4">44</option>
<optionsværdi="5">55</option>
<optionsværdi="6">66</option>
</select>
jquery radio, afkrydsningsfelt, select, radio, afkrydsningsboks, vælg og relateret for at få værdien af et sæt radio-udvalgte elementer
var item = $('input[@name=items][@checked]').val();
Får teksten til det valgte element
var item = $("select[@name=items] option[@selected]").text();
Det andet element i select-dropdown-boksen er den aktuelt valgte værdi
$('#select_id')[0].selectedIndex = 1;
Det andet element i radioradiogruppen er den aktuelt valgte værdi
$('input[@name=items]').get(1).checked = sand;
Få værdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-afkrydsningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-valg: $('#sel').val();
Kontrolformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm indholdet
$("#txt").attr("value",'11'); Udfyld indholdet
Afkrydsningsboks: $("#chk1").attr("checked",''); Ingen flåter
$("#chk2").attr("checked",true); Tik
if($("#chk1").attr('checked')==udefineret) // Bestem om den er blevet krydset af
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med værdi=2 er det aktuelt valgte element
drop-down select: $("#sel").attr("value",'-sel3'); Sæt værdi=-sel3 til det aktuelt valgte element
$("<optionsvalue='1'> 1111</option><optionsvalue='2'>2222</option> appendTo("#sel")//Tilføj muligheden for dropdown-boksen
$("#sel").empty(); Ryd rullemenuen
Får værdierne af et sæt radiovalgte elementer
var item = $('input[@name=items][@checked]').val();
Får teksten til det valgte element
var item = $("select[@name=items] option[@selected]").text();
Det andet element i select-dropdown-boksen er den aktuelt valgte værdi
$('#select_id')[0].selectedIndex = 1;
Det andet element i radioradiogruppen er den aktuelt valgte værdi
$('input[@name=items]').get(1).checked = sand;
Få værdier:
Tekstboks, tekstområde: $("#txt").attr("value");
multi-afkrydsningsboks:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
Dropdown-valg: $('#sel').val();
Kontrolformelementer:
Tekstboks, tekstområde: $("#txt").attr("value",''); Tøm indholdet
$("#txt").attr("value",'11'); Udfyld indholdet
Afkrydsningsboks: $("#chk1").attr("checked",''); Ingen flåter
$("#chk2").attr("checked",true); Tik
if($("#chk1").attr('checked')==udefineret) // Bestem om den er blevet krydset af
radio: $("input[@type=radio]").attr("checked",'2'); Elementet med værdi=2 er det aktuelt valgte element
drop-down select: $("#sel").attr("value",'-sel3'); Sæt værdi=-sel3 til det aktuelt valgte element
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Tilføj muligheden for dropdown-boksen
$("#sel").empty(); Ryd rullemenuen
|
Opslået på 30/07/2015 11.20.50
|
|
|
Opslået på 30/07/2015 16.13.16