Estoy teniendo un hella hora de establecer el valor de una entrada ocultos.

Quiero pasar el código HTML entre las etiquetas de opción para el campo oculto de fin de ejecutar es el título de la página de wordpress’ wp_list_dropdowns(). Tengo que devolver bien el texto, y en mi evento de cambio correctamente, se añade un poco de css (obviamente innecesarios en un campo oculto, pero yo estaba tratando de determinar dónde están las cosas ruptura). Funciona si tengo que cambiar la entrada oculto de un texto de entrada. He visto en varios lugares, ASÍ que esto es posible, (cambiar el valor de una entrada oculto que es), pero es algo que me sostiene hasta ahora y no veo 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">
  • Su violín me funciona en firefox. He comprobado con Firebug si el valor de la entrada ocultos cambiado y cambia cuando se selecciona un valor diferente en la lista desplegable. Tal vez no entiendo la pregunta, sin embargo 🙂
  • Funciona muy bien para mí: El oculto de entrada se cambia de valor en Chrome 9. En qué navegador(s), hace que no funcione para usted, y ¿qué es el método que usted usa para verificar esto?
  • ¿Por qué crees que no funciona correctamente? Su violín parece hacer exactamente lo que se le está diciendo que haga.
  • Aquí es un opción vegetariana (SCNR 🙂
  • ¿Por qué crees que no funciona? Parece que el valor se establece: jsfiddle.net/S9mUL/6
  • gracias a todos. está todo correcto y funciona. vaya de mí para escribir funcionamiento del código. fallar, por no ver que funciona parte. simplemente va a demostrar que a veces un descanso es el mejor curso de acción! y lol @pekka para la verdura de la opción.

4 Comentarios

  1. 5

    Parece funcionar

    $(".selector").change(function() {
    
        var $value = $(this).val();
    
        var $title = $(this).children('option[value='+$value+']').html();
    
        $('#bacon').val($title);
    
    });

    Acaba de comprobar con el firebug. Y no poner a la css en la entrada ocultos.

    • parece ahora a trabajar. yo estaba poniendo la CSS como una muy crudo jquery herramienta de depuración… a ver en firebug si yo había usado la derecha del selector. he tenido que necesitaba un descanso. los ojos frescos y un estómago lleno, han resuelto lo que al parecer no estaba roto (por una vez).
  2. 0

    Si usted está haciendo esto en Drupal y utilizar el Formulario de la API para cambiar la #tipo de texto a los «ocultos» en hook_form_alter (por ejemplo), se advierte que el HTML de salida tendrá diferentes (o se omite) DIV contenedores, IDs y nombres de clase.

Dejar respuesta

Please enter your comment!
Please enter your name here