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("<стойност на опция='0'> моля изберете</option> "); Вмъкнете опция (първа позиция) за Select
3. $("#select_id option:last").remove(); Изтрийте опцията с най-голяма индексна стойност в Select (last)
4. $("#select_id option[index='0']").remove(); Премахнете индексната стойност 0 в Select Option (първата)
5. $("#select_id опция[стойност='3']").redele(); Изтрийте опцията със стойност='3' в Select
5. $("#select_id option[text='4']").remove(); Изтрийте опцията с текст='4' в Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jQuery Radio стойност, Checkbox стойност, Select стойност, Radio Select, Checkbox check, Select 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).checked = true;
Вземете стойности:
Текстово поле, текстово поле: $("#txt").attr("стойност");
многократна отметка: $("#checkbox_id").attr("стойност");
радио: $("вход[@type=радио][@checked]").val();
падащо меню select: $('#sel').val();
Елементи на контролната форма:
Текстово поле, текстова област: $("#txt").attr("стойност",''); Изчистете съдържанието
$("#txt").attr("стойност",'11'); Попълнете съдържанието
отметнато поле: $("#chk1").attr("отметнато",''); Няма отпечатъци
$("#chk2").attr("проверено", вярно); Тик
if($("#chk1").attr('checked')==undefined) // Определи дали е отбелязан
радио: $("вход[@type=радио]").attr("проверено",'2'); Елементът със стойност=2 е текущо избраният елемент
падащо меню select: $("#sel").attr("стойност",'-sel3'); Задайте стойност=-sel3 на текущо избрания елемент
$("<стойност на опция='1'>1111<</option>стойност на опция='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($(това).val() == 111){
$(това).remove();
}
});
}else{
$("<стойност на опция='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect опция:selected').text();
или $("#testSelect").find('option:selected').text();
или $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Ако имате лоша памет, можете да я съберете:
1. Падащо меню:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); Вземете текста на избрания елемент в падащото меню (обърнете внимание на интервала в средата)
var cc2 = $('.formc select[@name="държава"]').val(); Вземете стойността на избрания елемент в падащото меню
var cc3 = $('.formc select[@name="country"]').attr("id"); Вземете стойността на ID атрибута на избрания елемент в падащото меню
$("#select").empty(); Изпразни падащото меню //$("#select").html('');
$("<стойност на опция='1'>1111</option>").appendTo("#select")//Добави опцията в падащото меню
За да обясня малко:
1.select[@name='country'] опция[@selected] означава, че има атрибут на име,
А стойността на свойството е опцията с избрания атрибут в select елемента 'държава';
Вижда се, че тези, които започват с @, означават, че са последвани от атрибути.
2. Радио кутия:
$("input[@type=radio][@checked]").val(); Получава стойността на избрания елемент в радиокутията (имайте предвид, че няма място в средата)
$("вход[@type=радио][@value=2]").attr("проверено", 'проверено'); Задайте стойността на радиокутията =2 в избраното състояние. (Обърнете внимание, че няма празни места по средата)
3. Отметка:
$("input[@type=чекбокс][@checked]").val(); Получава стойността на първия артикул, отбелязан в отметката
$("input[@type=checkbox][@checked]").each(function(){ // Тъй като отметката обикновено се отбелязва за няколко квадратчета, тя може да бъде изтеглена
alert($(this).val());
});
$("#chk1").attr("проверено",''); Няма отпечатъци
$("#chk2").attr("проверено", вярно); Тик
if($("#chk1").attr('checked')==undefined){} //Определи дали е проверено
Разбира се, селекторът на jquery е мощен. Има много други начини.
<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 ("Здравей");
alert($("#selectTest").attr("име"));
$("a").attr("href","xx.html");
window.locatio премахва n.href="xx.html";
alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("стойност", "2");
});
});
</scrip去掉t>. . .
<a href="#">aaass</a>
<!-- падащо меню - >
<select id="selectTest" name="selectTest">
<стойност на опция="1">11</option>
<стойност на опция="2">22</option>
<стойност на опция="3">33</option>
<стойност на опция="4">44</option>
<стойност на опция="5">55</option>
<стойност на опция="6">66</option>
</select>
jquery radio, checkbox, select, radio, checkbox, select, 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).checked = true;
Вземете стойности:
Текстово поле, текстово поле: $("#txt").attr("стойност");
многократна отметка: $("#checkbox_id").attr("стойност");
радио: $("вход[@type=радио][@checked]").val();
падащо меню select: $('#sel').val();
Елементи на контролната форма:
Текстово поле, текстова област: $("#txt").attr("стойност",''); Изчистете съдържанието
$("#txt").attr("стойност",'11'); Попълнете съдържанието
отметнато поле: $("#chk1").attr("отметнато",''); Няма отпечатъци
$("#chk2").attr("проверено", вярно); Тик
if($("#chk1").attr('checked')==undefined) // Определи дали е отбелязан
радио: $("вход[@type=радио]").attr("проверено",'2'); Елементът със стойност=2 е текущо избраният елемент
падащо меню select: $("#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).checked = true;
Вземете стойности:
Текстово поле, текстово поле: $("#txt").attr("стойност");
многократна отметка: $("#checkbox_id").attr("стойност");
радио: $("вход[@type=радио][@checked]").val();
падащо меню select: $('#sel').val();
Елементи на контролната форма:
Текстово поле, текстова област: $("#txt").attr("стойност",''); Изчистете съдържанието
$("#txt").attr("стойност",'11'); Попълнете съдържанието
отметнато поле: $("#chk1").attr("отметнато",''); Няма отпечатъци
$("#chk2").attr("проверено", вярно); Тик
if($("#chk1").attr('checked')==undefined) // Определи дали е отбелязан
радио: $("вход[@type=радио]").attr("проверено",'2'); Елементът със стойност=2 е текущо избраният елемент
падащо меню select: $("#sel").attr("стойност",'-sel3'); Задайте стойност=-sel3 на текущо избрания елемент
$("<стойност на опция='1'>1111<</option>стойност на опция='2'>2222"</option>).appendTo("#sel")//Добави опцията в падащото меню
$("#sel").empty(); Изчисти падащото меню.
|
Публикувано в 30.07.2015 г. 11:20:50 ч.
|
|
|
Публикувано в 30.07.2015 г. 16:13:16 ч.