JQuery：更改隐藏输入字段的值答案

【问题标题】：JQuery: Change value of hidden input fieldJQuery：更改隐藏输入字段的值
【发布时间】：2011-03-13 12:42:32
【问题描述】：

我正在设置隐藏输入的值。

我想将选项标签之间的 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">

【问题讨论】：

你的小提琴在 Firefox 中对我有用。我用 Firebug 检查了隐藏输入的值是否发生了变化，当我在下拉列表中选择不同的值时它确实发生了变化。不过，也许我不明白这个问题:-)
对我来说很好用：隐藏输入在 Chrome 9 中的值发生了变化。在哪些浏览器中它不适合您，您使用什么方法来验证它？
为什么你认为它不能正常工作？你的小提琴似乎完全按照你的要求去做。
这是vegetarian option (SCNR :)
谢谢大家。你很好，它确实有效。找我写功能代码。失败，因为没有看到它起作用。只是表明有时休息是最好的行动方案！和大声笑@pekka 的素食选项。

标签： jquery hidden-field

【解决方案1】：

很简单：

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

#action 是隐藏的输入字段 ID。

【讨论】：

val 中的双引号在这里没有用处，无论如何，如果你传递一个数字：$('#action').val(1);

【解决方案2】：

您的 jQuery 代码运行良好。 The hidden field is being updated.

【讨论】：

@max4ever 您正在阅读序列化的 HTML，其中 value 属性将反映其原始值。不应盲目使用innerHTML 相关方法的众多原因之一。

【解决方案3】：

似乎有效

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

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

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

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

});

只需检查您的萤火虫。并且不要将 css 放在隐藏的输入上。

【讨论】：

现在似乎可以工作了。我把 CSS 作为一个非常粗糙的 jquery 调试工具......在萤火虫中查看我是否使用了正确的选择器。我一定需要休息一下。新鲜的眼睛和饱满的胃已经解决了显然没有被打破的问题（一次）。

【解决方案4】：

如果您在 Drupal 中执行此操作并使用表单 API 将 hook_form_alter 中的 #type 从文本更改为“隐藏”（例如），请注意输出 HTML 将具有不同（或省略）的 DIV 包装器， ID 和类名。

【讨论】：