change - JQuery: Cambiar el valor del campo de entrada oculto

jquery set value hidden

Question

Estoy teniendo un tiempo de espera para establecer el valor de una entrada oculta.

Quiero pasar el código HTML de entre las etiquetas de opción al campo oculto y ejecutar el título de la página de wordpress '' wp_list_dropdowns() . Lo tengo devolviendo el texto muy bien, y en mi evento de cambio agrega correctamente algunos 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 (cambiando 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">

Answer 1

Es simple como:

$(''#action'').val("1");

#action es un id de campo de entrada oculto.

Answer 2

Parece funcionar

$(".selector").change(function() {

    var $value = $(this).val();

    var $title = $(this).children(''option[value=''+$value+'']'').html();

    $(''#bacon'').val($title);

});

Simplemente consulte con su firebug. Y no ponga css en entrada oculta.

Answer 3

Si está haciendo esto en Drupal y usa la API de formularios para cambiar el #tipo de texto a ''oculto'' en hook_form_alter (por ejemplo), tenga en cuenta que el HTML de salida tendrá diferentes (u omitidos) envoltorios, identificadores y clase de DIV nombres

Answer 4

Su código jQuery funciona perfectamente. El campo oculto se está actualizando .