wake-up-neo.com

JQuery: Wert des ausgeblendeten Eingabefelds ändern

Ich habe eine hella Zeit, um den Wert einer verborgenen Eingabe festzulegen. 

Ich möchte den HTML-Code zwischen den Option-Tags an den ausgeblendeten Feldende-Lauf übergeben, es wird der Seitentitel aus WordPress 'wp_list_dropdowns()'. Ich habe den Text gut zurückgegeben und bei meinem Änderungsereignis fügt er korrekt ein paar CSS hinzu (offensichtlich nicht für ein verstecktes Feld erforderlich, aber ich versuchte herauszufinden, wo Dinge zusammenbrechen). Funktioniert, wenn ich die verborgene Eingabe in eine Texteingabe ändere. Ich habe an verschiedenen Stellen auf SO gesehen, dass dies möglich ist (den Wert einer verborgenen Eingabe ändern), aber etwas hält mich jetzt auf und ich kann die Antwort nicht sehen.

Hier ist das 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">
29
helgatheviking

Ihr jQuery-Code funktioniert einwandfrei. Das versteckte Feld wird aktualisiert .

18
alex

Es ist so einfach wie:

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

#action ist die versteckte Eingabefeld-ID.

32
Yasir Aslam

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 Ihren Firebug. Und nicht auf versteckte Eingabe setzen.

5
Santosh Linkha

Wenn Sie dies in Drupal tun und die Form-API verwenden, um den #type-Typ (z. B.) in hook_form_alter von "text" in "hidden" zu ändern, sollten Sie darauf achten, dass der Ausgabe-HTML-Code unterschiedliche (oder ausgelassene) DIV-Wrapper, IDs und -Klassen enthält Namen. 

0
Joe Hyde