examples - jquery pdf
Obtener el valor seleccionado de un elemento desplegable usando jQuery (28)
¿Cómo puedo obtener el valor seleccionado de un cuadro desplegable utilizando jQuery?
Traté de usar
var value = $(''#dropDownId'').val();
y
var value = $(''select#dropDownId option:selected'').val();
pero ambos devuelven una cadena vacía.
¿Suministraste tu elemento de selección con una identificación?
<select id=''dropDownId''> ...
¡Tu primera declaración debería funcionar!
El id
que se generó para su control desplegable en el html
será dinámico. Por lo tanto, use el ID completo $(''ct100_<Your control id>'').val().
Funcionará.
Esto alertará el valor seleccionado. Código JQuery ...
$(document).ready(function () {
$("#myDropDown").change(function (event) {
alert("You have Selected :: "+$(this).val());
});
});
Código HTML...
<select id="myDropDown">
<option>Milk</option>
<option>Egg</option>
<option>Bread</option>
<option>Fruits</option>
</select>
Esto es lo que funciona
var value= $(''option:selected'', $(''#dropDownId'')).val();
Intenta esto, obtiene el valor:
$(''select#myField'').find(''option:selected'').val();
O si lo intentas:
$("#foo").find("select[name=bar]").val();
Lo utilicé hoy y funcionó bien.
Otro ejemplo más probado:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(''#bonus'').change(function() {
alert($("#bonus option:selected").text());
});
});
</script>
</head>
<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>
Para elementos dom de selección única, para obtener el valor seleccionado actualmente:
$(''#dropDownId'').val();
Para obtener el texto seleccionado actualmente:
$(''#dropDownId :selected'').text();
Para obtener el valor de jquery de la lista desplegable, simplemente use la función que se encuentra debajo de la que acabo de enviar y obtenga el valor seleccionado:
function getValue(id){
var value = "";
if($(''#''+id)[0]!=undefined && $(''#''+id)[0]!=null){
for(var i=0;i<$(''#''+id)[0].length;i++){
if($(''#''+id)[0][i].selected == true){
if(value != ""){
value = value + ", ";
}
value = value + $(''#''+id)[0][i].innerText;
}
}
}
return value;
}
Para uso de texto seleccionado:
value: $(''#dropDownId :selected'').text();
Para uso de valor seleccionado:
value: $(''#dropDownId'').val();
Prueba este jQuery,
$("#ddlid option:selected").text();
o este javascript,
var selID=document.getElementById("ddlid");
var text=selID.options[selID.selectedIndex].text;
Si necesita acceder al valor y no al texto, intente usar el método val()
lugar de text()
.
Echa un vistazo a los enlaces de abajo violín.
Prueba esto:
$(''#dropDownId option'').filter('':selected'').text();
$(''#dropDownId option'').filter('':selected'').val();
Puedes hacerlo usando el siguiente código.
$(''#dropDownId'').val();
Si desea obtener el valor seleccionado de las opciones de la lista de selección. Esto hará el truco.
$(''#dropDownId option:selected'').text();
Puedes usar cualquiera de estos:
$(document).on(''change'', ''select#dropDownId'', function(){
var value = $(''select#dropDownId option:selected'').text();
//OR
var value = $(this).val();
});
Sé que este es un post terriblemente viejo y probablemente debería ser azotado por esta lamentable resurrección, pero pensé que compartiría un par de pequeños fragmentos de JS MUY útiles que uso en todas las aplicaciones de mi arsenal ...
Si está escribiendo:
$("#selector option:selected").val() // or
$("#selector option:selected").text()
se está poniendo viejo, intente agregar estas pequeñas crumpets a su archivo *.js
global:
function soval(a) {
return $(''option:selected'', a).val();
}
function sotext(a) {
return $(''option:selected'', a).text();
}
y solo escribe soval("#selector");
o sotext("#selector");
¡en lugar! ¡Sea aún más elegante combinando los dos y devolviendo un objeto que contenga tanto el value
como el text
!
function so(a) {
my.value = $(''option:selected'', a).val();
my.text = $(''option:selected'', a).text();
return my;
}
¡Me ahorra muchísimo tiempo, especialmente en aplicaciones pesadas!
Sé que esto es viejo pero a pesar de que lo actualizo con una respuesta más actualizada
$( document ).on( ''change'', ''#combo'', function () {
var prepMin= $("#combo option:selected").val();
alert(prepMin);
});
espero que esto ayude
Tienes que ponerte así.
$(''[id$=dropDownId] option:selected'').val();
Utilice el siguiente método para obtener el valor seleccionado en la carga de la página:
$(document).ready(function () {
$(''#ddlid'').on(''change'', function () {
var value = $(''#ddlid :selected'').text();
alert(value);`
});
});
esto debería funcionar para ti
$("#dropDownId").on(''change'',function(){
var value=$(this).val();
alert(value);
});
esto hará el truco
$(''#dropDownId'').val();
prueba esto
$("#yourDropdown option:selected").text();
use cualquiera de estos códigos
$(''#dropDownId :selected'').text();
O
$(''#dropDownId'').text();
utilizar
$(''#dropDownId'').find(''option:selected'').val()
Esto debería funcionar :)
function fundrp(){
var text_value = $("#drpboxid option:selected").text();
console.log(text_value);
var val_text = $("#drpboxid option:selected").val();
console.log(val_text);
var value_text = $("#drpboxid option:selected").attr("vlaue") ;
console.log(value_text);
var get_att_value = $("#drpboxid option:selected").attr("id")
console.log(get_att_value);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="drpboxid">
<option id="1_one" vlaue="one">one</option>
<option id="2_two" vlaue="two">two</option>
<option id="3_three" vlaue="three">three</option>
</select>
<button id="btndrp" onclick="fundrp()">Tracking Report1234</button>
$("#dropDownId").val(''2'');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);
<p class="inline-large-label button-height ParentClass" >
<label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
<asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">
</asp:DropDownList>
</p>
$("#selector <b>></b> option:selected").val()
O
$("#selector <b>></b> option:selected").text()
Los códigos de arriba funcionaron bien para mí
$("select[id$=dropDownId]").val()
- prueba esto
var value = $(''#dropDownId:selected'').text()
Debería funcionar bien, vea este ejemplo:
$(document).ready(function(){
$(''#button1'').click(function(){
alert($(''#combo :selected'').text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />