tiene - obtener valor por name jquery
jQuery obtener el valor de seleccionar en Cambiar (12)
Tenía la impresión de que podía obtener el valor de una entrada seleccionada haciendo este $ (this) .val ();
Esto funciona si se suscribe discretamente (que es el enfoque recomendado):
$(''#id_of_field'').change(function() {
// $(this).val() will work here
});
Si usa onselect y mezcla el marcado con el script, necesita pasar una referencia al elemento actual:
onselect="foo(this);"
y entonces:
function foo(element) {
// $(element).val() will give you what you are looking for
}
Tenía la impresión de que podía obtener el valor de una entrada seleccionada haciendo este $(this).val(); y aplicando el parámetro onchange al campo de selección.
Parece que solo funciona si hago referencia a la ID.
¿Cómo lo hago usando esto?
Busque el site jQuery
HTML:
<form>
<input class="target" type="text" value="Field 1">
<select class="target">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
</select>
</form>
<div id="other">
Trigger the handler
</div>
JAVASCRIPT:
$( ".target" ).change(function() {
alert( "Handler for .change() called." );
});
Ejemplo de jQuery:
Para agregar una prueba de validez a todos los elementos de entrada de texto:
$( "input[type=''text'']" ).change(function() {
// Check input( $( this ).val() ) for validity here
});
Esto es lo que funcionó para mí. Probé todo lo demás sin suerte.
<html>
<head>
<title>Example: Change event on a select</title>
<script type="text/javascript">
function changeEventHandler(event) {
alert(''You like '' + event.target.value + '' ice cream.'');
}
</script>
</head>
<body>
<label>Choose an ice cream flavor: </label>
<select size="1" onchange="changeEventHandler(event);">
<option>chocolate</option>
<option>strawberry</option>
<option>vanilla</option>
</select>
</body>
</html>
Tomado de Mozilla
Esto me ha ayudado.
Para seleccionar:
$(''select_tags'').on(''change'', function() {
alert( $(this).find(":selected").val() );
});
Para radio / casilla de verificación:
$(''radio_tags'').on(''change'', function() {
alert( $(this).find(":checked").val() );
});
La función de flecha tiene un alcance diferente al de la función, este this.value dará indefinido para una función de flecha. Para arreglar el uso
$(''select'').on(''change'',(event) => {
alert( event.target.value );
});
Para todas las selecciones, invoca esta función.
$(''select'').on(''change'', function()
{
alert( this.value );
});
Para una sola selección:
$(''#select_id'')
Prueba esto-
$(''select'').on(''change'', function() {
alert( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="1">One</option>
<option value="2">Two</option>
</select>
También puede hacer referencia con el evento onchange
function getval(sel)
{
alert(sel.value);
}
<select onchange="getval(this);">
<option value="1">One</option>
<option value="2">Two</option>
</select>
Pruebe el método de delegación de eventos, esto funciona en casi todos los casos.
$(document.body).on(''change'',"#selectID",function (e) {
//doStuff
var optVal= $("#selectID option:selected").val();
});
Puedes probar esto (usando jQuery ) -
$(''select'').on(''change'', function()
{
alert( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
O puedes usar Javascript simple como este-
function getNewVal(item)
{
alert(item.value);
}
<select onchange="getNewVal(this);">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
Tenga en cuenta que si estos no funcionan, es posible que el DOM no se haya cargado y su elemento no se haya encontrado todavía.
Para solucionarlo, ponga el script al final del cuerpo o use el documento listo
$.ready(function() {
$("select").on(''change'', function(ret) {
console.log(ret.target.value)
}
})
$(''select_id'').on(''change'', function()
{
alert(this.value); //or alert($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select_id">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
jQuery(document).ready(function(){
jQuery("#id").change(function() {
var value = jQuery(this).children(":selected").attr("value");
alert(value);
});
})