jQuery obtiene el Texto y el Valor seleccionados por Select:
Explicación de la sintaxis:
1. $("#select_id").change(function(){//code...}); Añadir un evento a la Select, que se activa cuando una de las selecciones
2. var checkText=$("#select_id").find("opción:selected").text(); Consigue el texto seleccionado con Select
3. var checkValue=$("#select_id").val(); Obtiene el Valor seleccionado por Select
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Selecciona el valor del índice por Select
5. var maxIndex=$("#select_id opción:last").attr("index"); Obtén el valor del índice más alto para Select
jQuery establece el Texto y el Valor seleccionados por Select:
Explicación de la sintaxis:
1. $("#select_id ").get(0).selectedIndex=1; Configura Select para seleccionar elementos con un valor de índice de 1
2. $("#select_id ").val(4); Establece el valor de Select en 4 para el elemento seleccionado
3. $("#select_id opción[text='jQuery']").attr("selected", true); Establece el valor de texto de Select en jQuery
jQuery añade/elimina elementos de Opción para Select:
Explicación de la sintaxis:
1. $("#select_id").append("<valor de opción='Valor'>Texto</option>"); Añadir una opción para seleccionar
2. $("#select_id").prepend("<valor de la opción='0'> por favor selecciona</option> "); Insertar una opción (primera posición) para Seleccionar
3. $("#select_id opción:last").remove(); Eliminar la opción con el valor de índice más grande en Select (última)
4. $("#select_id opción[index='0']").remove(); Elimina el valor del índice 0 en la opción de selección (la primera)
5. $("#select_id opción[value='3']").remove(); Elimina la opción con valor='3' en Select
5. $("#select_id opción[text='4']").remove(); Eliminar la opción con Text='4' en Select
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
valor de radio jquery, valor de casilla de verificación, valor de selección, selección de radio, casilla de verificación marcado, selección selecta, y así sucesivamente
Obtiene los valores de un conjunto de elementos seleccionados por radio
var item = $('input[@name=items][@checked]').val();
Obtiene el texto del elemento seleccionado
var item = $("select[@name=items] opción[@selected]").text();
El segundo elemento del menú desplegable de selección es el valor seleccionado actualmente
$('#select_id')[0].selectedIndex = 1;
El segundo elemento del grupo de radio es el valor seleccionado actualmente
$('input[@name=items]').get(1).checked = true;
Obtén valores:
Cuadro de texto, área de texto: $("#txt").attr("value");
casilla de verificación múltiple:$("#checkbox_id").attr("valor");
radio: $("Input[@type=Radio][@checked]").val();
desplegable seleccionar: $('#sel').val();
Elementos de la forma de control:
Cuadro de texto, área de texto: $("#txt").attr("value",''); Vacía el contenido
$("#txt").attr("valor",'11'); Rellena el contenido
Casilla de verificación: $("#chk1").attr("marcado",''); Sin garrapatas
$("#chk2").attr("comprobado",true); Tick
if($("#chk1").attr('checked')==undefined) // Determinar si ha sido marcado
radio: $("Input[@type=radio]").attr("comprobado",'2'); El objeto con valor=2 es el elemento seleccionado actualmente
desplegable seleccionar: $("#sel").attr("valor",'-sel3'); Establecer valor=-sel3 al elemento seleccionado actualmente
$("<valor de opción='1'>1111<</option>valor de opción='2'>2222"</option>).appendTo("#sel")//Añadir la opción del cuadro desplegable
$("#sel").vacío(); Borrar el cuadro desplegable
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
función changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] opción").longitud
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] opción").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<valor de opción='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect opción:selected').text();
o $("#testSelect").find('opción:seleccionado').texto();
o $("#testSelect").val();
//////////////////////////////////////////////////////////////////
Si tienes mala memoria, puedes coleccionarlo:
1. Cuadro desplegable:
var cc1 = $(".formc select[@name='país'] opción[@selected]").text(); Obtén el texto del elemento seleccionado en el menú desplegable (fíjate en el espacio en el centro)
var cc2 = $('.formc select[@name="country"]').val(); Obtenga el valor del objeto seleccionado en el menú desplegable
var cc3 = $('.formc select[@name="country"]').attr("id"); Obtén el valor del atributo ID del elemento seleccionado en el menú desplegable
$("#select").vacío(); Vacía el cuadro desplegable //$("#select").html('');
$("<valor de opción='1'>1111"</option>).appendTo("#select")//Añadir la opción en el menú desplegable
Para explicar un poco:
1.select[@name='país'] opción[@selected] significa que tiene un atributo de nombre,
Y el valor de la propiedad es el elemento opción con el atributo seleccionado en el elemento selecto de 'país';
Se puede ver que los que empiezan por @ significan que van seguidos por los atributos.
2. Caja de radio:
$("input[@type=radio][@checked]").val(); Obtiene el valor del elemento seleccionado en la caja de radio (ten en cuenta que no hay espacio en el centro)
$("input[@type=radio][@value=2]").attr("comprobado", 'comprobado'); Establece el valor de la caja de radio = 2 al estado seleccionado. (Nótese que no hay espacio en el centro)
3. Casilla para verificar:
$("input[@type=casilla de verificación][@checked]").val(); Marca el valor del primer elemento en la casilla
$("input[@type=casilla de verificación][@checked]").each(function(){ // Como la casilla suele estar marcada para varias casillas, se puede repetir en bucle
alerta($(this).val());
});
$("#chk1").attr("comprobado",''); Sin garrapatas
$("#chk2").attr("comprobado",true); Tick
if($("#chk1").attr('checked')==undefined){} //Determinar si ha sido marcado
Por supuesto, el selector de jquery es potente. Hay muchas más maneras.
<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(función(){
$("#selectTest").change(function()
{
alerta("Hola");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio elimina n.href="xx.html";
alerta($("#selectTest").val());
alert($("#selectTest opción[@selected]").text());
$("#selectTest").attr("valor", "2");
});
});
. .</scrip去掉t>
<a href="#">aaass</a>
<!-- cuadro desplegable - >
<select id="selectTest" nombre="selectTest">
<valor de opción="1">11</option>
<valor de la opción="2">22</option>
<valor de la opción="3">33</option>
<valor de la opción="4">44</option>
<valor de la opción="5">55</option>
<valor de la opción="6">66</option>
</select>
jquery radio, casilla de verificación, select, radio, casilla de verificación, select y relacionado para obtener el valor de un conjunto de elementos seleccionados por radio
var item = $('input[@name=items][@checked]').val();
Obtiene el texto del elemento seleccionado
var item = $("select[@name=items] opción[@selected]").text();
El segundo elemento del menú desplegable de selección es el valor seleccionado actualmente
$('#select_id')[0].selectedIndex = 1;
El segundo elemento del grupo de radio es el valor seleccionado actualmente
$('input[@name=items]').get(1).checked = true;
Obtén valores:
Cuadro de texto, área de texto: $("#txt").attr("value");
casilla de verificación múltiple:$("#checkbox_id").attr("valor");
radio: $("Input[@type=Radio][@checked]").val();
desplegable seleccionar: $('#sel').val();
Elementos de la forma de control:
Cuadro de texto, área de texto: $("#txt").attr("value",''); Vacía el contenido
$("#txt").attr("valor",'11'); Rellena el contenido
Casilla de verificación: $("#chk1").attr("marcado",''); Sin garrapatas
$("#chk2").attr("comprobado",true); Tick
if($("#chk1").attr('checked')==undefined) // Determinar si ha sido marcado
radio: $("Input[@type=radio]").attr("comprobado",'2'); El objeto con valor=2 es el elemento seleccionado actualmente
desplegable seleccionar: $("#sel").attr("valor",'-sel3'); Establecer valor=-sel3 al elemento seleccionado actualmente
$("<valoropción='1'> 1111<</option>optionvalue='2'>2222</option> appendTo("#sel")//Add la opción del cuadro desplegable
$("#sel").vacío(); Borrar el cuadro desplegable
Obtiene los valores de un conjunto de elementos seleccionados por radio
var item = $('input[@name=items][@checked]').val();
Obtiene el texto del elemento seleccionado
var item = $("select[@name=items] opción[@selected]").text();
El segundo elemento del menú desplegable de selección es el valor seleccionado actualmente
$('#select_id')[0].selectedIndex = 1;
El segundo elemento del grupo de radio es el valor seleccionado actualmente
$('input[@name=items]').get(1).checked = true;
Obtén valores:
Cuadro de texto, área de texto: $("#txt").attr("value");
casilla de verificación múltiple:$("#checkbox_id").attr("valor");
radio: $("Input[@type=Radio][@checked]").val();
desplegable seleccionar: $('#sel').val();
Elementos de la forma de control:
Cuadro de texto, área de texto: $("#txt").attr("value",''); Vacía el contenido
$("#txt").attr("valor",'11'); Rellena el contenido
Casilla de verificación: $("#chk1").attr("marcado",''); Sin garrapatas
$("#chk2").attr("comprobado",true); Tick
if($("#chk1").attr('checked')==undefined) // Determinar si ha sido marcado
radio: $("Input[@type=radio]").attr("comprobado",'2'); El objeto con valor=2 es el elemento seleccionado actualmente
desplegable seleccionar: $("#sel").attr("valor",'-sel3'); Establecer valor=-sel3 al elemento seleccionado actualmente
$("<valor de opción='1'>1111<</option>valor de opción='2'>2222"</option>).appendTo("#sel")//Añadir la opción del cuadro desplegable
$("#sel").vacío(); Borrar el cuadro desplegable
|
Publicado en 30/7/2015 11:20:50
|
|
|
Publicado en 30/7/2015 16:13:16