jQuery otrzymuje tekst i wartość wybrane przez Select:
Wyjaśnienie składni:
1. $("#select_id").change(function(){//code...}); Dodaj zdarzenie do Select, które jest wyzwalane po jednym z wyborów
2. var checkText=$("#select_id").find("option:selected").text(); Pobierz wybrany tekst za pomocą Select
3. var checkValue=$("#select_id").val(); Otrzymuje wartość wybraną przez Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Pobierz wartość indeksu wybraną przez Select
5. var maxIndex=$("#select_id option:last").attr("index"); Uzyskaj największą wartość indeksu dla Select
jQuery ustawia tekst i wartość wybraną przez Select:
Wyjaśnienie składni:
1. $("#select_id ").get(0).selectedIndex=1; Ustaw select, aby wybrać elementy o wartości indeksowej 1
2. $("#select_id ").val(4); Ustaw wartość Select na 4 dla wybranego elementu
3. $("#select_id option[text='jQuery']").attr("selected", true); Ustaw wartość tekstową Select na jQuery
jQuery dodaje/usuwa elementy opcji dla Select:
Wyjaśnienie składni:
1. $("#select_id").append("<option value='Value'>Text</option>"); Dodaj opcję wyboru
2. $("#select_id").prepend("<wartość opcji='0'> proszę wybrać</option> "); Wstaw opcję (pierwsza pozycja) dla Select
3. $("#select_id option:last").remove(); Usuń opcję z największą wartością indeksu w Wybierz (ostatni)
4. $("#select_id option[index='0']").remove(); Usuń wartość indeksu 0 w opcji Wybierz (tej pierwszej)
5. $("#select_id option[value='3']").remove(); Usuń opcję z wartości='3' w Select.
5. $("#select_id option[text='4']").remove(); Usuń opcję z tekst='4' w wybraniu
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radio value, checkbox value, select value, radio select, checkbox checkbox, select select i tak dalej
Otrzymuje wartości zestawu wybranych przez radio przedmiotów
var item = $('input[@name=items][@checked]').val();
Otrzymuje tekst wybranego elementu
element var = $("select[@name=items] option[@selected]").text();
Drugim elementem rozwijanego pola wyboru jest obecnie wybrana wartość
$('#select_id')[0].selectedIndex = 1;
Drugim elementem grupy radiowej jest obecnie wybrana wartość
$('input[@name=items]').get(1).checked = true;
Uzyskaj wartości:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value");
multi-checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
wybór rozwijanego: $('#sel').val();
Elementy formularza sterowania:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value",''); Opróżnij zawartość
$("#txt").attr("value",'11'); Wypełnij zawartość
pole zaznaczone: $("#chk1").attr("odhaczone",''); Żadnych tykaczy
$("#chk2").attr("sprawdzone",prawdziwe); Tik
if($("#chk1").attr('checked')==undefined) // Określ, czy został zaznaczony
radio: $("input[@type=radio]").attr("checked",'2'); Element o wartości=2 jest obecnie wybranym elementem
wybieraj rozwijany list: $("#sel").attr("value",'-sel3'); Ustaw wartość=-sel3 na obecnie wybrany element
$("<wartość opcji='1'>1111<</option>wartość opcji='2'>2222"</option>).appendTo("#sel")//Dodaj opcję z rozwijanego menu
$("#sel").empty(); Wyczyść rozwijane menu
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").długość
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<wartość opcji='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
lub $("#testSelect").find('option:selected').text();
lub $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Jeśli masz słabą pamięć, możesz ją zebrać:
1. Rozwijane menu:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); Pobierz tekst wybranego przedmiotu w menu rozwijanym (zwróć uwagę na odstęp pośrodku)
var cc2 = $('.formc select[@name="country"]').val(); Pobierz wartość wybranego przedmiotu w menu rozwijanym
var cc3 = $('.formc select[@name="country"]').attr("id"); Pobierz wartość atrybutu ID wybranego przedmiotu w menu rozwijanym
$("#select").empty(); Opróżnij rozwijane pole //$("#select").html('');
$("<option value='1'>1111"</option>).appendTo("#select")//Dodaj opcję z rozwijanego menu
Wyjaśniając trochę:
1.wybierz[@name='kraj'] opcja[@selected] oznacza, że posiada atrybut nazwy,
A wartość nieruchomości to element opcji z wybranym atrybutem w elemencie select w 'kraj';
Widać, że te zaczynające się na @ oznaczają, że są po nich następowane atrybuty.
2. Radiodemont:
$("input[@type=radio][@checked]").val(); Otrzymuje wartość wybranego przedmiotu w radiu (zwróć uwagę, że nie ma miejsca pośrodku)
$("input[@type=radio][@value=2]").attr("checked",'checked'); Ustaw wartość radio-box=2 na wybrany stan. (Zwróć uwagę, że nie ma miejsca pośrodku)
3. Pole odhaczania:
$("input[@type=checkbox][@checked]").val(); Oznacza wartość pierwszego elementu w polu zaznaczenia
$("input[@type=checkbox][@checked]").each(function(){ // Ponieważ pole jest zazwyczaj zaznaczone dla wielu pól odhacznych, można je zapętlić
alert($(this).val());
});
$("#chk1").attr("czekan",'); Żadnych tykaczy
$("#chk2").attr("sprawdzone",prawdziwe); Tik
if($("#chk1").attr('checked')==undefined){} //Określ, czy zostało sprawdzone
Oczywiście, selektor jquery jest potężny. Jest wiele innych sposobów.
<scrip usuń t src="jquery-1.2.1.js" type="text/javascrip usuń t"></scrip去掉t>
<scrip usuń t language="javascrip usuń t" type="text/javascrip usuń t" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert("Hello");
alert($("#selectTest").attr("nazwa"));
$("a").attr("href","xx.html");
window.locatio usuwa n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
</scrip去掉t>. . .
<a href="#">aaass</a>
<!-- rozwijane menu - >
<select id="selectTest" nazwa="selectTest">
<wartość opcji="1">11</option>
<wartość opcji="2">22</option>
<wartość opcji="3">33</option>
<wartość opcji="4">44</option>
<wartość opcji="5">55</option>
<wartość opcji="6">66</option>
</select>
jquery radio, checkbox, select, radio, checkbox, select i powiązane, aby uzyskać wartość zestawu wybranych elementów radiowych
var item = $('input[@name=items][@checked]').val();
Otrzymuje tekst wybranego elementu
element var = $("select[@name=items] option[@selected]").text();
Drugim elementem rozwijanego pola wyboru jest obecnie wybrana wartość
$('#select_id')[0].selectedIndex = 1;
Drugim elementem grupy radiowej jest obecnie wybrana wartość
$('input[@name=items]').get(1).checked = true;
Uzyskaj wartości:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value");
multi-checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
wybór rozwijanego: $('#sel').val();
Elementy formularza sterowania:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value",''); Opróżnij zawartość
$("#txt").attr("value",'11'); Wypełnij zawartość
pole zaznaczone: $("#chk1").attr("odhaczone",''); Żadnych tykaczy
$("#chk2").attr("sprawdzone",prawdziwe); Tik
if($("#chk1").attr('checked')==undefined) // Określ, czy został zaznaczony
radio: $("input[@type=radio]").attr("checked",'2'); Element o wartości=2 jest obecnie wybranym elementem
wybieraj rozwijany list: $("#sel").attr("value",'-sel3'); Ustaw wartość=-sel3 na obecnie wybrany element
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//Dodaj opcję w rozwijanym menu
$("#sel").empty(); Wyczyść rozwijane menu
Otrzymuje wartości zestawu wybranych przez radio przedmiotów
var item = $('input[@name=items][@checked]').val();
Otrzymuje tekst wybranego elementu
element var = $("select[@name=items] option[@selected]").text();
Drugim elementem rozwijanego pola wyboru jest obecnie wybrana wartość
$('#select_id')[0].selectedIndex = 1;
Drugim elementem grupy radiowej jest obecnie wybrana wartość
$('input[@name=items]').get(1).checked = true;
Uzyskaj wartości:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value");
multi-checkbox:$("#checkbox_id").attr("value");
radio: $("input[@type=radio][@checked]").val();
wybór rozwijanego: $('#sel').val();
Elementy formularza sterowania:
Pole tekstowe, obszar tekstowy: $("#txt").attr("value",''); Opróżnij zawartość
$("#txt").attr("value",'11'); Wypełnij zawartość
pole zaznaczone: $("#chk1").attr("odhaczone",''); Żadnych tykaczy
$("#chk2").attr("sprawdzone",prawdziwe); Tik
if($("#chk1").attr('checked')==undefined) // Określ, czy został zaznaczony
radio: $("input[@type=radio]").attr("checked",'2'); Element o wartości=2 jest obecnie wybranym elementem
wybieraj rozwijany list: $("#sel").attr("value",'-sel3'); Ustaw wartość=-sel3 na obecnie wybrany element
$("<wartość opcji='1'>1111<</option>wartość opcji='2'>2222"</option>).appendTo("#sel")//Dodaj opcję z rozwijanego menu
$("#sel").empty(); Wyczyść rozwijane menu
|
Opublikowano 30.07.2015 11:20:50
|
|
|
Opublikowano 30.07.2015 16:13:16