JQuery: Ändere den Wert des versteckten Eingabefeldes

Bin ich mit einer hella Uhrzeit-Einstellung den Wert eines hidden input.

Möchte ich übergeben Sie den HTML-von zwischen den option-tags, um das versteckte Feld - Ende laufen, es wird den Titel der Seite aus wordpress' wp_list_dropdowns(). Ich habe es die Rückgabe der text einfach nur fein, und auf meine ändern, falls es korrekt Hinzugefügt einige css (offensichtlich nicht benötigte, auf ein hidden Feld, aber ich wurde versucht zu ermitteln, wo die Dinge sind, brechen). Funktioniert wenn ich den versteckten Eingang zu einem text-input. Ich habe gesehen, an mehreren stellen auf, SO dass dies möglich ist, (Sie ändert den Wert eines hidden input), aber irgendetwas hält mich jetzt und ich kann nicht sehen, die Antwort.

Hier ist die 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">

InformationsquelleAutor der Frage helgatheviking | 2011-03-13

  1. 17

    Ihre jQuery-code funktioniert perfekt. Das versteckte Feld ist aktualisiert.

    InformationsquelleAutor der Antwort alex

  2. 29

    Es ist einfach so:

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

    #action ist das versteckte input-Feld id.

    InformationsquelleAutor der Antwort Yasir Aslam

  3. 5

    Scheint zu funktionieren

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

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

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

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

});

    Überprüfen Sie einfach mit Ihrem firebug. Und nicht setzen css auf hidden input.

    InformationsquelleAutor der Antwort Santosh Linkha

  4. 0

    Wenn Sie tun dies in Drupal, und verwenden Sie die Form-API ändern Sie die # - Typ von text zu 'versteckt' in hook_form_alter (zum Beispiel), werden darauf hingewiesen, dass die Ausgabe von HTML haben unterschiedliche (oder weggelassen) DIV-Wrapper-IDs und Klassennamen.

    InformationsquelleAutor der Antwort Joe Hyde

Schreibe einen Kommentar