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">

解决方法

你的jQuery代码工作完美。 The hidden field is being updated。