jQuery отримує текст і значення, вибрані за допомогою Select:
Пояснення синтаксису:
1. $("#select_id").change(function(){//code...}); Додайте подію до Select, яка активується, коли один із виборів
2. var checkText=$("#select_id").find("option:selected").text(); Отримайте вибраний текст за допомогою Select
3. var checkValue=$("#select_id").val(); Отримує значення, вибране Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Отримайте значення індексу, обране Select
5. var maxIndex=$("#select_id option:last").attr("index"); Отримайте найбільше індексне значення для Select
jQuery встановлює текст і значення, вибрані Select:
Пояснення синтаксису:
1. $("#select_id ").get(0).selectedIndex=1; Встановіть Select на вибір елементів з індексним значенням 1
2. $("#select_id ").val(4); Встановіть значення Value Select на 4 для обраного елемента
3. $("#select_id option[text='jQuery']").attr("selected", true); Встановіть текстове значення Select на jQuery
jQuery додає/видаляє параметри для Select:
Пояснення синтаксису:
1. $("#select_id").append("<option value='Value'>Text</option>"); Додайте опцію вибору
2. $("#select_id").prepend("<option value='0'> будь ласка, оберіть</option> "); Вставте опцію (перша позиція) для Select
3. $("#select_id опція:остання").remove(); Видалити опцію з найбільшим індексним значенням у Select (last)
4. $("#select_id option[index='0']").remove(); Видаліть індексне значення 0 у Select Option (перший)
5. $("#select_id option[value='3']").remove(); Видалити опцію зі значенням='3' у Select
5. $("#select_id option[text='4']").remove(); Видалити опцію з текстом='4' у Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
значення радіо jquery, значення галочки, значення вибору значення, радіо select, галочка, вибрати вибрати тощо
Отримує значення набору вибраних радіостанційних елементів
var item = $('input[@name=items][@checked]').val();
Отримує текст обраного елемента
var item = $("select[@name=items] option[@selected]").text();
Другий елемент випадаючого меню select — це поточне вибране значення
$('#select_id')[0].selectedIndex = 1;
Другим елементом радіогрупи є наразі обране значення
$('input[@name=items]').get(1).check = true;
Отримайте значення:
Текстове поле, текстова область: $("#txt").attr("value");
багатогалочковий блок:$("#checkbox_id").attr("значення");
радіо: $("input[@type=radio][@checked]").val();
випадаюче список: $('#sel').val();
Елементи форми керування:
Текстове поле, текстова область: $("#txt").attr("value",''); Знищити вміст
$("#txt").attr("value",'11'); Заповніть вміст
галочка: $("#chk1").attr("checked",''); Без кліщів
$("#chk2").attr("перевірено", правда); Тік.
if($("#chk1").attr('перевірено')==невизначено) // Визначити, чи було позначено
радіо: $("input[@type=radio]").attr("перевірено",'2'); Елемент зі значенням=2 — це поточний обраний елемент
випадаюче список: $("#sel").attr("значення",'-sel3'); Встановити значення=-sel3 на поточний обраний елемент
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Додати опцію випадаючого меню
$("#sel").empty(); Очистити випадаюче меню
----------------------------------------------------------------------------------------------------
//遍历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();
або $("#testSelect").find('option:selected').text();
або $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Якщо у вас погана пам'ять, ви можете її зібрати:
1. Випадаюче список:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); Отримайте текст вибраного елемента у випадаючому меню (зверніть увагу на пробіл посередині)
var cc2 = $('.formc select[@name="country"]').val(); Отримайте значення вибраного елемента у випадаючому меню
var cc3 = $('.formc select[@name="country"]').attr("id"); Отримайте значення атрибута ID обраного елемента у випадаючому меню
$("#select").empty(); Спорожніть випадаюче меню //$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//Додати опцію випадаючого меню
Щоб трохи пояснити:
1.select[@name='country'] опція[@selected] означає, що вона має атрибут імені,
А значення властивості — це елемент опції з обраним атрибутом у вибраному елементі 'country';
Видно, що ті, що починаються на @, означають, що за ними слідують атрибути.
2. Радіобудка:
$("input[@type=radio][@checked]").val(); Отримує значення вибраного елемента в радіокоробці (зверніть увагу, що посередині немає вільного місця)
$("input[@type=radio][@value=2]").attr("перевірено",'перевірено'); Встановіть значення радіоблоку =2 у вибраний стан. (Зверніть увагу, що посередині немає вільного місця)
3. Галочка:
$("input[@type=checkbox][@checked]").val(); Отримує значення першого пункту, поставленого в галочку
$("input[@type=checkbox][@checked]").each(function(){ // Оскільки галочка зазвичай відмічається для кількох галочок, його можна зациклити
alert($(this).val());
});
$("#chk1").attr("перевірено",''); Без кліщів
$("#chk2").attr("перевірено", правда); Тік.
if($("#chk1").attr('перевірено')==undefined){} //Визначити, чи було перевірено
Звісно, селектор jquery потужний. Є ще багато способів.
<scrip видалити t src="jquery-1.2.1.js" type="text/javascrip видалити 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 видаляє n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
</scrip去掉t>. . .
<a href="#">aaass</a>
<!-- випадаюче меню — >
<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 radio, checkbox, select, radio, checkbox, select, select та related для отримання значення набору вибраних елементів на радіо
var item = $('input[@name=items][@checked]').val();
Отримує текст обраного елемента
var item = $("select[@name=items] option[@selected]").text();
Другий елемент випадаючого меню select — це поточне вибране значення
$('#select_id')[0].selectedIndex = 1;
Другим елементом радіогрупи є наразі обране значення
$('input[@name=items]').get(1).check = true;
Отримайте значення:
Текстове поле, текстова область: $("#txt").attr("value");
багатогалочковий блок:$("#checkbox_id").attr("значення");
радіо: $("input[@type=radio][@checked]").val();
випадаюче список: $('#sel').val();
Елементи форми керування:
Текстове поле, текстова область: $("#txt").attr("value",''); Знищити вміст
$("#txt").attr("value",'11'); Заповніть вміст
галочка: $("#chk1").attr("checked",''); Без кліщів
$("#chk2").attr("перевірено", правда); Тік.
if($("#chk1").attr('перевірено')==невизначено) // Визначити, чи було позначено
радіо: $("input[@type=radio]").attr("перевірено",'2'); Елемент зі значенням=2 — це поточний обраний елемент
випадаюче список: $("#sel").attr("значення",'-sel3'); Встановити значення=-sel3 на поточний обраний елемент
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//Додати опцію випадаючого меню
$("#sel").empty(); Очистити випадаюче меню
Отримує значення набору вибраних радіостанційних елементів
var item = $('input[@name=items][@checked]').val();
Отримує текст обраного елемента
var item = $("select[@name=items] option[@selected]").text();
Другий елемент випадаючого меню select — це поточне вибране значення
$('#select_id')[0].selectedIndex = 1;
Другим елементом радіогрупи є наразі обране значення
$('input[@name=items]').get(1).check = true;
Отримайте значення:
Текстове поле, текстова область: $("#txt").attr("value");
багатогалочковий блок:$("#checkbox_id").attr("значення");
радіо: $("input[@type=radio][@checked]").val();
випадаюче список: $('#sel').val();
Елементи форми керування:
Текстове поле, текстова область: $("#txt").attr("value",''); Знищити вміст
$("#txt").attr("value",'11'); Заповніть вміст
галочка: $("#chk1").attr("checked",''); Без кліщів
$("#chk2").attr("перевірено", правда); Тік.
if($("#chk1").attr('перевірено')==невизначено) // Визначити, чи було позначено
радіо: $("input[@type=radio]").attr("перевірено",'2'); Елемент зі значенням=2 — це поточний обраний елемент
випадаюче список: $("#sel").attr("значення",'-sel3'); Встановити значення=-sel3 на поточний обраний елемент
$("<option value='1'>1111<</option>option value='2'>2222"</option>).appendTo("#sel")//Додати опцію випадаючого меню
$("#sel").empty(); Очистити випадаюче меню
|
Опубліковано 30.07.2015 11:20:50
|
|
|
Опубліковано 30.07.2015 16:13:16