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

我有一个hella时间设置隐藏输入的值。

我想将HTML从选项标签传递到隐藏字段 – 结束运行它将来自wordpress’wp_list_dropdowns 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：

  One Two Three    

Answer 1

你的jQuery代码完美无缺。 隐藏字段正在更新 。

Answer 2

这很简单：

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

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

Answer 3

似乎工作

 $(".selector").change(function() { var $value = $(this).val(); var $title = $(this).children('option[value='+$value+']').html(); $('#bacon').val($title); }); 

只需检查你的萤火虫。 并且不要把CSS放在隐藏的输入上。

Answer 4

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