O jQuery recebe o Texto e o Valor selecionados pelo Select:
Explicação da Sintaxe:
1. $("#select_id").change(function(){//code...}); Adicione um evento ao Select, que é acionado quando uma das seleções
2. var checkText=$("#select_id").find("option:selected").text(); Obtenha o texto selecionado com Select
3. var checkValue=$("#select_id").val(); Obtém o Valor selecionado por Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Obtenha o valor do índice selecionado por Select
5. var maxIndex=$("#select_id option:last").attr("index"); Obtenha o maior valor do índice para Select
O jQuery define o Texto e o Valor selecionados por Select:
Explicação da Sintaxe:
1. $("#select_id ").get(0).selectedIndex=1; Defina Select para selecionar itens com valor de índice 1
2. $("#select_id ").val(4); Defina o valor de Valor de Select para 4 para o item selecionado
3. $("#select_id option[text='jQuery']").attr("selected", true); Defina o valor de Texto de Select para jQuery
O jQuery adiciona/remove itens de Opção para Seleção:
Explicação da Sintaxe:
1. $("#select_id").append("<valor da opção='Valor'>Texto</option>"); Adicionar uma opção para selecionar
2. $("#select_id").prepend("<valor da opção='0'> por favor selecione</option> "); Insira uma Opção (primeira posição) para Selecionar
3. $("#select_id opção:last").remove(); Exclua a opção com o maior valor de índice em Select (último)
4. $("#select_id opção[index='0']").remove(); Remova o valor do índice 0 na Opção Selecionar (a primeira)
5. $("#select_id option[value='3']").remove(); Exclua a opção com valor='3' em Selecionar
5. $("#select_id opção[text='4']").remove(); Exclua a opção com Texto='4' em Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
valor de rádio jquery, valor de caixa de seleção, valor de seleção, seleção de rádio, caixa de seleção marcado, seleção seleção, e assim por diante
Obtém os valores de um conjunto de itens selecionados por rádio
var item = $('input[@name=itens][@checked]').val();
Recebe o texto do item selecionado
var item = $("select[@name=items] option[@selected]").text();
O segundo elemento da caixa suspensa de seleção é o valor atualmente selecionado
$('#select_id')[0].selectedIndex = 1;
O segundo elemento do grupo rádio é o valor atualmente selecionado
$('input[@name=itens]').get(1).checked = true;
Obtenha valores:
Caixa de texto, área de texto: $("#txt").attr("value");
Caixa de seleção múltipla:$("#checkbox_id").attr("valor");
rádio: $("Input[@type=Rádio][@checked]").val();
Seleção suspensa: $('#sel').val();
Elementos da forma de controle:
Caixa de texto, área de texto: $("#txt").attr("value",''); Esvazie o conteúdo
$("#txt").attr("valor",'11'); Preencha o conteúdo
Caixa de seleção: $("#chk1").attr("marcado",''); Sem carrapato
$("#chk2").attr("conferido",verdadeiro); Tick
if($("#chk1").attr('checked')==undefined) // Determine se foi marcado
rádio: $("entrada[@type=rádio]").attr("verificado", '2'); O item com valor=2 é o item atualmente selecionado
menu suspenso selecionar: $("#sel").attr("valor",'-sel3'); Defina valor=-sel3 para o item atualmente selecionado
$("<valor da opção='1'>1111<</option>valor da opção='2'>2222"</option>).appendTo("#sel")//Adicionar a opção na caixa suspensa
$("#sel").vazio(); Limpe a caixa suspensa
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
função changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value!= "CA"){
$("select[@name=ISHIPTYPE] opção").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<valor da opção='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect opção:selected').text();
ou $("#testSelect").find('option:selected').text();
ou $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Se você tem uma memória ruim, pode coletá-la:
1. Caixa suspensa:
var cc1 = $(".formc select[@name='país'] opção[@selected]").text(); Veja o texto do item selecionado no menu suspenso (note o espaço no meio)
var cc2 = $('.formc select[@name="país"]').val(); Obtenha o valor do item selecionado no menu suspenso
var cc3 = $('.formc select[@name="país"]').attr("id"); Obtenha o valor do atributo ID do item selecionado no menu suspenso
$("#select").vazio(); Esvazie a caixa suspensa //$("#select").html('');
$("<valor da opção='1'>1111"</option>).appendTo("#select")//Adicionar a opção na caixa suspensa
Para explicar um pouco:
1.select[@name='país'] opção[@selected] significa que possui um atributo de nome,
E o valor da propriedade é o elemento opção com o atributo selecionado no elemento selecionado de 'país';
Pode-se ver que aqueles que começam com @ significam que são seguidos por atributos.
2. Caixa de rádio:
$("input[@type=rádio][@checked]").val(); Recebe o valor do item selecionado na caixa de rádio (note que não há espaço no meio)
$("entrada[@type=rádio][@value=2]").atra("verificado", 'conferido'); Defina o valor da caixa de rádio=2 para o estado selecionado. (Note que não há espaço no meio)
3. Caixa de seleção:
$("input[@type=caixa de seleção][@checked]").val(); Marca o valor do primeiro item na caixa de seleção
$("input[@type=checkbox][@checked]").each(function(){ // Como a caixa de seleção geralmente está marcada para múltiplas caixas, ela pode ser repetida em loop
alerta($(isto).val());
});
$("#chk1").attr("conferido",''); Sem carrapato
$("#chk2").attr("conferido",verdadeiro); Tick
if($("#chk1").attr('checked')==undefined){} //Determine se foi verificado
Claro, o seletor do jquery é poderoso. Existem muitas outras maneiras.
<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" >
$(documento).ready(função(){
$("#selectTest").change(function()
{
alerta ("Olá");
alerta($("#selectTest").atra("nome"));
$("a").attr("href","xx.html");
window.locatio remove n.href="xx.html";
alerta($("#selectTest").val());
alerta($("#selectTest opção[@selected]").texto());
$("#selectTest").attr("valor", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- caixa suspensa - >
<select id="selectTest" nome="selectTest">
<valor da opção="1">11</option>
<valor da opção="2">22</option>
<valor da opção="3">33</option>
<valor da opção="4">44</option>
<valor da opção="5">55</option>
<valor da opção="6">66</option>
</select>
jquery rádio, caixa de seleção, seleção, rádio, caixa de seleção, seleção e relacionado para obter o valor de um conjunto de itens selecionados para rádio
var item = $('input[@name=itens][@checked]').val();
Recebe o texto do item selecionado
var item = $("select[@name=items] option[@selected]").text();
O segundo elemento da caixa suspensa de seleção é o valor atualmente selecionado
$('#select_id')[0].selectedIndex = 1;
O segundo elemento do grupo rádio é o valor atualmente selecionado
$('input[@name=itens]').get(1).checked = true;
Obtenha valores:
Caixa de texto, área de texto: $("#txt").attr("value");
Caixa de seleção múltipla:$("#checkbox_id").attr("valor");
rádio: $("Input[@type=Rádio][@checked]").val();
Seleção suspensa: $('#sel').val();
Elementos da forma de controle:
Caixa de texto, área de texto: $("#txt").attr("value",''); Esvazie o conteúdo
$("#txt").attr("valor",'11'); Preencha o conteúdo
Caixa de seleção: $("#chk1").attr("marcado",''); Sem carrapato
$("#chk2").attr("conferido",verdadeiro); Tick
if($("#chk1").attr('checked')==undefined) // Determine se foi marcado
rádio: $("entrada[@type=rádio]").attr("verificado", '2'); O item com valor=2 é o item atualmente selecionado
menu suspenso selecionar: $("#sel").attr("valor",'-sel3'); Defina valor=-sel3 para o item atualmente selecionado
$("<valoropção='1'> 1111<</option>optionvalue='2'>2222</option> appendTo("#sel")//Add a opção da caixa suspensa
$("#sel").vazio(); Limpe a caixa suspensa
Obtém os valores de um conjunto de itens selecionados por rádio
var item = $('input[@name=itens][@checked]').val();
Recebe o texto do item selecionado
var item = $("select[@name=items] option[@selected]").text();
O segundo elemento da caixa suspensa de seleção é o valor atualmente selecionado
$('#select_id')[0].selectedIndex = 1;
O segundo elemento do grupo rádio é o valor atualmente selecionado
$('input[@name=itens]').get(1).checked = true;
Obtenha valores:
Caixa de texto, área de texto: $("#txt").attr("value");
Caixa de seleção múltipla:$("#checkbox_id").attr("valor");
rádio: $("Input[@type=Rádio][@checked]").val();
Seleção suspensa: $('#sel').val();
Elementos da forma de controle:
Caixa de texto, área de texto: $("#txt").attr("value",''); Esvazie o conteúdo
$("#txt").attr("valor",'11'); Preencha o conteúdo
Caixa de seleção: $("#chk1").attr("marcado",''); Sem carrapato
$("#chk2").attr("conferido",verdadeiro); Tick
if($("#chk1").attr('checked')==undefined) // Determine se foi marcado
rádio: $("entrada[@type=rádio]").attr("verificado", '2'); O item com valor=2 é o item atualmente selecionado
menu suspenso selecionar: $("#sel").attr("valor",'-sel3'); Defina valor=-sel3 para o item atualmente selecionado
$("<valor da opção='1'>1111<</option>valor da opção='2'>2222"</option>).appendTo("#sel")//Adicionar a opção na caixa suspensa
$("#sel").vazio(); Limpe a caixa suspensa
|
Publicado em 30/07/2015 11:20:50
|
|
|
Publicado em 30/07/2015 16:13:16