JQuery: изменение значения скрытого поля ввода

У меня есть время hella, определяющее значение скрытого ввода.

Я хочу передать HTML из тегов параметров в скрытый конец поля, это будет заголовок страницы из wordpress 'wp_list_dropdowns(). У меня есть текст, который возвращает текст, и на моем событии изменения он правильно добавляет некоторые css (очевидно, ненужные в скрытом поле, но я пытался определить, где вещи разрушаются). Работает, если я сменю скрытый ввод на ввод текста. Я видел в нескольких местах на SO, что это возможно (изменение значения скрытого ввода, которое есть), но что-то держит меня сейчас, и я не вижу ответа.

Здесь 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">

Ответ 1

Ваш код jQuery работает отлично. Скрытое поле обновляется.

Ответ 2

Это просто:

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

#action - скрытое идентификатор поля ввода.

Ответ 3

Кажется, работает

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

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

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

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

});

Просто проконсультируйтесь с вашим firebug. И не ставьте css на скрытый ввод.

Ответ 4

Если вы делаете это в Drupal и используете API-интерфейс формы, чтобы изменить #type с текста на "hidden" в hook_form_alter (например), имейте в виду, что выходной HTML-код будет иметь разные (или опущенные) DIV-обертки, Идентификаторы и имена классов.