jQuery, Select ile seçilen Metin ve Değeri alır:
Sözdizimi Açıklaması:
1. $("#select_id").change(function(){//code...}); Select'e bir olay ekleyin, bu durum seçimlerden biri gerçekleştiğinde tetiklenir
2. var checkText=$("#select_id").find("option:selected").text(); Seçilmiş Metni Seç ile alın
3. var checkValue=$("#select_id").val(); Select tarafından seçilen Değeri alır
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Select tarafından seçilmiş endeks değerini alın
5. var maxIndex=$("#select_id option:last").attr("index"); Select için en büyük endeks değerini alın
jQuery, Select ile seçilen Metin ve Değeri ayarlar:
Sözdizimi Açıklaması:
1. $("#select_id ").get(0).selectedIndex=1; Endeks değeri 1 olan öğeleri seçmek için Select'i ayarla
2. $("#select_id ").val(4); Seçilen öğe için Select değerini 4'e ayarlayın
3. $("#select_id option[text='jQuery']").attr("selected", true); Select için Metin değerini jQuery olarak ayar
jQuery, Select için Seçenek öğeleri ekler/kaldırır:
Sözdizimi Açıklaması:
1. $("#select_id").append("<option value='Değer'>Metin</option>"); Seçmek için bir seçenek ekleyin
2. $("#select_id").prepend("<option value='0'> lütfen seçin</option>"); Select için bir Seçenek (ilk pozisyon) ekle
3. $("#select_id option:last").remove(); En büyük endeks değerine sahip Seçeneği Sil (son)
4. $("#select_id option[index='0']").remove(); Select Option (ilk seçenek) içindeki 0 indeks değerini kaldırın
5. $("#select_id option[value='3']").remove(); Seç bölümünde value='3' seçeneğini sil
5. $("#select_id option[text='4']").remove(); Seçici Metin='4' ile seçeneği Sil
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery radyo değeri, kutu değeri, değeri seç, radyo seçimi, kontrol kutusunu kontrol et, seç seç ve benzeri
Radyo tarafından seçilen bir ürün setinin değerlerini alır
var item = $('input[@name=items][@checked]').val();
Seçilen öğenin metnini alır
var item = $("select[@name=items] option[@selected]").text();
Seçim açılır kutusunun ikinci öğesi ise mevcut seçilmiş değerdir
$('#select_id')[0].selectedIndex = 1;
Radyo radyo grubunun ikinci unsuru, mevcut olarak seçilen değerdir
$('input[@name=items]').get(1).checked = doğru;
Değerleri alın:
Metin kutusu, metin alanı: $("#txt").attr("değer");
çoklu kontrol kutusu:$("#checkbox_id").attr("değer");
radyo: $("giriş[@type=radyo][@checked]").val();
açılır menü seçimi: $('#sel').val();
Form kontrol öğeleri:
Metin kutusu, metin alanı: $("#txt").attr("değer",''); İçindekileri boşaltın
$("#txt").attr("değer",'11'); İçeriği doldurun
checkbox: $("#chk1").attr("checked",''); Hiç kene yok
$("#chk2").attr("kontrollü", doğru); Tik
if($("#chk1").attr('checked')==undefined) // Tick edilip edilmediğini belirleyin
radyo: $("giriş[@type=radyo]").attr("kontrol edilmiş",'2'); Değer=2 olan eşya, şu anda seçilen öğedir
açılır menü seçimi: $("#sel").attr("değer",'-sel3'); Mevcut seçilen öğeye value=-sel3 ayarlayın
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//Açılır kutudaki seçeneği ekle
$("#sel").boş(); Açılır kutuyu boşaltın
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
veya $("#testSelect").find('option:selected').text();
veya $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Kötü bir hafızanız varsa, onu toplayabilirsiniz:
1. Açılır kutu:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); Seçilen öğenin metnini açılır menüden alın (ortadaki boşluğa dikkat edin)
var CC2 = $('.formc select[@name="country"]').val(); Seçilen öğenin değerini açılır menüden alın
var cc3 = $('.formc select[@name="country"]').attr("id"); Seçilen öğenin ID özellik değerini açılır menüden alın
$("#select").boş(); Açılır kutuyu boşaltın //$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//Açılır kutudaki seçeneği ekle
Biraz açıklamak gerekirse:
1.select[@name='ülke'] seçeneği[@selected] isim niteliğine sahip olduğu anlamına gelir,
Ve özellik değeri, 'ülke' seçme öğesinde seçilen özniteliğe sahip seçenek öğesidir;
@ ile başlayanların özniteliklerin takip ettiği anlamına geldiği görülebilir.
2. Radyo kutusu:
$("input[@type=radio][@checked]").val(); Radyo kutusundaki seçilen nesnenin değerini alır (ortada boşluk olmadığını unutmayın)
$("input[@type=radio][@value=2]").attr("checked",'checked'); Radyo kutusu değeri=2'yi seçilen duruma ayarlayın. (Ortada boşluk olmadığını unutmayın)
3. Kutu işareti:
$("input[@type=checkbox][@checked]").val(); İlk öğenin değerini kontrol kutusunda işaretler
$("input[@type=checkbox][@checked]").each(function(){ // Kutu genellikle birden fazla kutu için işaretlendiğinden, döngü dışı bırakılabilir
alert($(this).val());
});
$("#chk1").attr("kontrollü",''); Hiç kene yok
$("#chk2").attr("kontrollü", doğru); Tik
if($("#chk1").attr('checked')==undefined){} //Kontrol edilip edilmediğini belirleyin
Tabii ki, jquery'nin seçicisi güçlü. Daha birçok yol var.
<scrip t kaldır src="jquery-1.2.1.js" type="text/javascrip remove t"></scrip去掉t>
<scrip t dilini kaldır="javascrip t'yi kaldır" type="metin/javascrip t'yi kaldır" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert("Hello");
alert($("#selectTest").attr("isim"));
$("a").attr("href","xx.html");
window.locatio n.href="xx.html""'yi kaldırır;
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("değer", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- açılır kutu - >
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
jquery radyo, checkbox, select, radio, checkbox, select ve ilgili olarak bir radyo seçilmiş öğe setinin değerini elde etmek için
var item = $('input[@name=items][@checked]').val();
Seçilen öğenin metnini alır
var item = $("select[@name=items] option[@selected]").text();
Seçim açılır kutusunun ikinci öğesi ise mevcut seçilmiş değerdir
$('#select_id')[0].selectedIndex = 1;
Radyo radyo grubunun ikinci unsuru, mevcut olarak seçilen değerdir
$('input[@name=items]').get(1).checked = doğru;
Değerleri alın:
Metin kutusu, metin alanı: $("#txt").attr("değer");
çoklu kontrol kutusu:$("#checkbox_id").attr("değer");
radyo: $("giriş[@type=radyo][@checked]").val();
açılır menü seçimi: $('#sel').val();
Form kontrol öğeleri:
Metin kutusu, metin alanı: $("#txt").attr("değer",''); İçindekileri boşaltın
$("#txt").attr("değer",'11'); İçeriği doldurun
checkbox: $("#chk1").attr("checked",''); Hiç kene yok
$("#chk2").attr("kontrollü", doğru); Tik
if($("#chk1").attr('checked')==undefined) // Tick edilip edilmediğini belirleyin
radyo: $("giriş[@type=radyo]").attr("kontrol edilmiş",'2'); Değer=2 olan eşya, şu anda seçilen öğedir
açılır menü seçimi: $("#sel").attr("değer",'-sel3'); Mevcut seçilen öğeye value=-sel3 ayarlayın
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//Açılır menüdeki seçeneği ekle
$("#sel").boş(); Açılır kutuyu boşaltın
Radyo tarafından seçilen bir ürün setinin değerlerini alır
var item = $('input[@name=items][@checked]').val();
Seçilen öğenin metnini alır
var item = $("select[@name=items] option[@selected]").text();
Seçim açılır kutusunun ikinci öğesi ise mevcut seçilmiş değerdir
$('#select_id')[0].selectedIndex = 1;
Radyo radyo grubunun ikinci unsuru, mevcut olarak seçilen değerdir
$('input[@name=items]').get(1).checked = doğru;
Değerleri alın:
Metin kutusu, metin alanı: $("#txt").attr("değer");
çoklu kontrol kutusu:$("#checkbox_id").attr("değer");
radyo: $("giriş[@type=radyo][@checked]").val();
açılır menü seçimi: $('#sel').val();
Form kontrol öğeleri:
Metin kutusu, metin alanı: $("#txt").attr("değer",''); İçindekileri boşaltın
$("#txt").attr("değer",'11'); İçeriği doldurun
checkbox: $("#chk1").attr("checked",''); Hiç kene yok
$("#chk2").attr("kontrollü", doğru); Tik
if($("#chk1").attr('checked')==undefined) // Tick edilip edilmediğini belirleyin
radyo: $("giriş[@type=radyo]").attr("kontrol edilmiş",'2'); Değer=2 olan eşya, şu anda seçilen öğedir
açılır menü seçimi: $("#sel").attr("değer",'-sel3'); Mevcut seçilen öğeye value=-sel3 ayarlayın
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//Açılır kutudaki seçeneği ekle
$("#sel").boş(); Açılır kutuyu boşaltın
|
Yayınlandı 30.07.2015 11:20:50
|
|
|
Yayınlandı 30.07.2015 16:13:16