¿Cómo puedo obtener el valor de texto seleccionado del cuadro combinado usando jQuery.Obtener el texto seleccionado de un cuadro combinado usando jQuery, por nombre del cuadro combinado?
Estoy teniendo solo el "nombre" del cuadro combinado.
Por lo tanto, quiero el texto del elemento seleccionado, utilizando el nombre del cuadro combinado, no ID.
estoy teniendo,
var selected_fld = ($(this).attr('name'));
Como puedo seguir adelante?
$('select[name=nameOfTheBox]').val();
o
$('select[name=nameOfTheBox] option:selected').val();
le dará el valor de la opción seleccionada
$('select[name=nameOfTheBox] option:selected').text();
le dará su texto
Esto se puede hacer simplemente con la siguiente para obtener el valor de texto real ...
var value = $("[name='MyName'] option:selected").text();
o esto para conseguir la opción 'valor' atributo ...
var value = $("[name='MyName']").val();
Con el código HTML siguiente, el primero le dará 'MyText', la segunda te dará 'MyValue'
<select name="MyName">
<option value="MyValue" selected="selected">MyText</option>
</select>
intento siguiente
<select name="name1">
<option value="val1">val1</option>
<option value = "val2">val2</option>
</select>
var text = $("select[name='name1'] option:selected").text();
la comilla simple después de 'seleccionado' debe ser una comilla doble – Connum
@Connum gracias fue error de tipeo .. –
<select id ="myCombo">
<option value="Play selected="selected">Here</option>
<option value="Once">Again</option>
</select>
$('#myCombo option:selected').text();
Esto le devolverá "aquí"
$('myCombo option:selected').val();
Esto devolverá "jugar"
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-3.1.0.js"></script>
<script>
$(function() {
$('#selectnumber').change(function(){
alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').text());
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="selectnumber">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
</div>
</form>
</body>
</html>
Gracias ... :)
1 golpéame. borrando mi propia respuesta –