Me está costando mucho establecer el valor de una entrada oculta.
Quiero pasar el HTML de entre las etiquetas de opción al campo oculto; al final, ejecutará el título de la página de wp_list_dropdowns() de wordpress. Lo tengo devolviendo el texto muy bien, y en mi evento de cambio agrega correctamente algo de css (obviamente innecesario en un campo oculto, pero estaba tratando de determinar dónde se están descomponiendo las cosas). Funciona si cambio la entrada oculta a una entrada de texto. He visto en varios lugares en SO que esto es posible (cambiar el valor de una entrada oculta), pero algo me detiene ahora y no puedo ver la respuesta.
Aquí está el JSFiddle :
JavaScript:
$(".selector").change(function() { var $value = $(this).val(); var $title = $(this).children('option[value='+$value+']').html(); alert($title); $('input#bacon').val($title).css('border','3px solid blue'); });HTML:
<select class="selector" name="testselect"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </h3> <input id="bacon" type="hidden" class="bacon" value="" name="testinput">Es tan simple como:
$('#action').val("1"); #action es un ID de campo de entrada oculto.
Su código jQuery funciona perfectamente. El campo oculto se está actualizando .
Parece funcionar
$(".selector").change(function() { var $value = $(this).val(); var $title = $(this).children('option[value='+$value+']').html(); $('#bacon').val($title); });Sólo consulte con su firebug. Y no ponga css en la entrada oculta.