blocks|key|1230932|text|对于类型值为hidden的输入，:text将失败。仅使用以下代码也会更高效：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1230933|$("#texens").val("tinkumaster");|code-block|syntax|javascript|1230934|ID属性在网页上应该是唯一的，确保你的属性是唯一的，因为这可能会导致你遇到的任何问题，而指定一个更复杂的选择器只会减慢速度，看起来不是很整洁。|1230935|http://jsbin.com/elovo/edit中的示例，使用您在http://jsbin.com/elovo/2/edit中的示例代码|1230936|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/elovo/edit|1|http://jsbin.com/elovo/2/edit^0|6|6|G|5|0|0|0|0|R|0|10|T|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]|$9|19|A|1A|1|1B]]|E|$]]|$1|O|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

<code>:text</code> will fail for a input with a type value of <code>hidden</code>. It's also much more efficient to just use:

<pre><code>$("#texens").val("tinkumaster");
</code></pre>

ID attributes should be unique on a web page, make sure yours are as this may contribute to any problems you're having, and specifying a more complicated selector just slows things down and doesn't look as neat.

Example at <a href="http://jsbin.com/elovo/edit" rel="noreferrer">http://jsbin.com/elovo/edit</a>, using your example code at <a href="http://jsbin.com/elovo/2/edit" rel="noreferrer">http://jsbin.com/elovo/2/edit</a>

blocks|key|1016271|text|我也有同样的问题。奇怪的是，google+chrome和其他可能的浏览器(不确定)都不喜欢|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016272|$("#thing").val(0);

input+type="hidden"+id="thing"+name="thing"+value="1"+/>|code-block|syntax|javascript|1016273|(无变化)|1016274|$("#thing").val("0");

input+type="hidden"+id="thing"+name="thing"+value="1"+/>|1016275|1016276|但这行得通！|1016277|$("#thing").val("no");

input+type="hidden"+id="thing"+name="thing"+value="no"+/>|1016278|改变！！|1016279|$("#thing").val("yes");

input+type="hidden"+id="thing"+name="thing"+value="yes"+/>|1016280|1016281|必须是一个“字符串的东西”|1016282|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|13|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|P|3|Q|5|6|7|15|8|@]|9|@]|A|$]]|$1|R|3|S|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|T|3|Q|5|6|7|17|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|18|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|X|$]]

I had same problem. oddly enough google chrome and possibly others (not sure) did not like

<pre><code>$("#thing").val(0);

input type="hidden" id="thing" name="thing" value="1" /&gt;
</code></pre>

(no change)

<pre><code>$("#thing").val("0");

input type="hidden" id="thing" name="thing" value="1" /&gt;
</code></pre>

(no change)

but this works!!!!

<pre><code>$("#thing").val("no");

input type="hidden" id="thing" name="thing" value="no" /&gt;
</code></pre>

CHANGES!!

<pre><code>$("#thing").val("yes");

input type="hidden" id="thing" name="thing" value="yes" /&gt;
</code></pre>

CHANGES!!

must be a "string thing"

blocks|key|1231086|text|如果您在设置隐藏字段的值时遇到问题，因为您要将ID传递给它，以下是解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231087|只需执行$("input[id=hidden_field_id]").val(id)即可，而不是$("#hidden_field_id").val(id)。不确定有什么不同，但它是有效的。|offset|length|style|CODE|1231088|entityMap^0|0|4|12|1C|T|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|I|$]]

If you're having trouble setting the value of a hidden field because you're passing an ID to it, this is the solution:

Instead of <code>$("#hidden_field_id").val(id)</code> just do <code>$("input[id=hidden_field_id]").val(id)</code>. Not sure what the difference is, but it works.

blocks|key|1231155|text|这里的另一个陷阱浪费了我的一些时间，所以我想我应该把这个技巧传递给大家。我有一个隐藏域，我给了它一个id。和名称中的[]括号(由于与struts2一起使用)，选择器$("#model.thefield[0]")将找不到我的隐藏字段。将id重命名为不使用句点和方括号会导致选择器开始工作。所以最终我得到了一个id为model_the_field_0的结果，选择器工作得很好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1231156|entityMap^0|1M|2|2A|N|4C|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Another gotcha here wasted some of my time, so I thought I would pass along the tip. I had a hidden field I gave an id that had . and <code>[]</code> brackets in the name (due to use with struts2) and the selector <code>$("#model.thefield[0]")</code> would not find my hidden field. Renaming the id to not use the periods and brackets caused the selector to begin working. So in the end I ended up with an id of <code>model_the_field_0</code> instead and the selector worked fine.

blocks|key|1016470|text|我也遇到了同样的问题，我发现了问题所在。我将HTML定义为|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016471|<form+action="url"+method="post">
++++<input+type="hidden"+id="email"+/>
<form>
<script>
++++function+onsomeevent()
++++{
+++++++$("#email").val("a@a.com");
++++}
</script>|code-block|syntax|javascript|1016472|读取服务器上的表单值总是导致电子邮件为空。在挠头(和无数次搜索)之后，我意识到错误在于没有正确定义表单/输入。在修改输入时(如下所示)，它的效果很好|1016473|<input+type="hidden"+id="email"+name="email"+/>|1016474|添加到此主题，以防其他人也有同样的问题。|1016475|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I was having the same issue, and I found out what was wrong. I had the HTML defined as

<pre><code>&lt;form action="url" method="post"&gt;
 &lt;input type="hidden" id="email" /&gt;
&lt;form&gt;
&lt;script&gt;
 function onsomeevent()
 {
 $("#email").val("a@a.com");
 }
&lt;/script&gt;
</code></pre>

Reading the form values on server always resulted in email as empty. After scratching my head (and numerous search), I realized the mistake was not defining the form/input correctly. On modifing the input (as shown next), it worked like a charm

<pre><code>&lt;input type="hidden" id="email" name="email" /&gt;
</code></pre>

Adding to this thread in case others have the same issue.

blocks|key|1231223|text|最后，我找到了一个简单的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231224|document.getElementById("texens").value+=+"tinkumaster";|code-block|syntax|javascript|1231225|就像一种护身符。不知道为什么jQuery没有退回到这一点。|1231226|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Finally, I have found a solution and it's a simple one:

<pre><code>document.getElementById("texens").value = "tinkumaster";
</code></pre>

Works like a charm. No clue why jQuery does not fall back to this.

blocks|key|1016573|text|$('input[name=hidden_field_name]').val('newVal');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1016574|对我来说很管用，因为|unstyled|1016575|$('input[id=hidden_field_id]').val('newVal');|1016576|nor|1016577|$('#hidden_field_id').val('newVal');|1016578|做。|1016579|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|F|7|W|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>$('input[name=hidden_field_name]').val('newVal');
</code></pre>

worked for me, when neither

<pre><code>$('input[id=hidden_field_id]').val('newVal');
</code></pre>

nor

<pre><code>$('#hidden_field_id').val('newVal');
</code></pre>

did.

blocks|key|1231304|text|<javascript>


slots='';+hidden='';+basket+=+0;

++++cost_per_slot+=+$("#cost_per_slot").val();
++++//cost_per_slot+=+parseFloat(cost_per_slot).toFixed(2)

++++for+(i=0;+i<+check_array.length;+i%2B%2B)+{
++++++++slots+%2B=+check_array[i]+%2B+'\r\n';
++++++++hidden+%2B=+check_array[i].substring(0,+8)+%2B+'%7C';
++++++++basket+=+(basket+%2B+parseFloat(cost_per_slot));
++++}

++++//+Populate+the+Selected+Slots+section
++++$("#selected_slots").html(slots);

++++//+Update+hidden+slots_booked+form+element+with+booked+slots
++++$("#slots_booked").val(hidden);+++++

++++//+Update+basket+total+box
++++basket+=+basket.toFixed(2);
++++$("#total").html(basket);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1231305|​|unstyled|1231306|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;javascript&gt;


slots=''; hidden=''; basket = 0;

 cost_per_slot = $("#cost_per_slot").val();
 //cost_per_slot = parseFloat(cost_per_slot).toFixed(2)

 for (i=0; i&lt; check_array.length; i++) {
 slots += check_array[i] + '\r\n';
 hidden += check_array[i].substring(0, 8) + '|';
 basket = (basket + parseFloat(cost_per_slot));
 }

 // Populate the Selected Slots section
 $("#selected_slots").html(slots);

 // Update hidden slots_booked form element with booked slots
 $("#slots_booked").val(hidden); 

 // Update basket total box
 basket = basket.toFixed(2);
 $("#total").html(basket);
</code></pre>

blocks|key|1231331|text|使用ID：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231332|$('input:hidden#texens').val('tinkumaster');|code-block|syntax|javascript|1231333|使用类：|1231334|$('input:hidden.many_texens').val('tinkumaster');|1231335|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Using ID:

<pre><code>$('input:hidden#texens').val('tinkumaster');
</code></pre>

Using class:

<pre><code>$('input:hidden.many_texens').val('tinkumaster');
</code></pre>

blocks|key|1231381|text|任何其他正在为此而苦苦挣扎的人，有一个非常简单的“内联”方法可以使用jQuery来完成这项工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231382|<input+type="search"+placeholder="Search"+value=""+maxlength="256"+id="q"+name="q"+style="width:+300px;"+onChange="$('#ADSearch').attr('value',+$('#q').attr('value'))"><input+type="hidden"+name="ADSearch"+id="ADSearch"+value="">|code-block|syntax|javascript|1231383|这会在使用onChange事件将文本键入可见输入时设置隐藏字段的值。很有帮助(比如我的例子)，你想把一个字段值传递给一个“高级搜索”表单，而不是强迫用户重新输入他们的搜索查询。|1231384|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Anyone else who is struggling with this, there is a very simple "inline" way to do this with jQuery:

<pre><code>&lt;input type="search" placeholder="Search" value="" maxlength="256" id="q" name="q" style="width: 300px;" onChange="$('#ADSearch').attr('value', $('#q').attr('value'))"&gt;&lt;input type="hidden" name="ADSearch" id="ADSearch" value=""&gt;
</code></pre>

This sets the value of the hidden field as text is typed into the visible input using the onChange event. Helpful (like in my case) where you want to pass on a field value to an "Advanced Search" form and not force the user to re-type their search query.

blocks|key|1016779|text|在我的例子中，我使用了一个非字符串(整数)作为val()的参数，这不起作用，诀窍就像下面这样简单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016780|$("#price").val(''+%2B+price);|code-block|syntax|javascript|1016781|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In my case, I was using a non-string (integer) as the parameter of val() which doesn't work, the trick is just as simple as

<pre><code>$("#price").val('' + price);
</code></pre>

blocks|key|1016858|text|如果您正在搜索haml，则这是隐藏字段的答案，以便将值设置为隐藏字段，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016859|%25input#forum_id.hidden|code-block|syntax|javascript|1016860|在jquery中，只需将值转换为字符串，然后使用jquery中的attr属性将其附加。希望这也能在其他语言中工作。|1016861|$('#forum_id').attr('val',forum_id.toString());|1016862|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you are searching for haml then this is the answer for hidden field to set value to a hidden field like 

<pre><code>%input#forum_id.hidden
</code></pre>

In your jquery just convert the value to string and then append it using attr property in jquery. hope this also works in other languages also.

<pre><code>$('#forum_id').attr('val',forum_id.toString());
</code></pre>

blocks|key|1016926|text|在迷失在这个页面上的无数答案中，没有一个真正起作用后，我找到了在我的案例中如何做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016927|由于某些原因，在选择器中使用input并不能做到这一点。我在form元素上没有ID，所以我不能为选择器使用任何ID。即使我这样做了，我也很确定它不会起作用。|offset|length|style|CODE|1016928|这是我的解决方案：|1016929|$("[name=something]").val("something");|code-block|syntax|javascript|1016930|本质上，选择名称为"something“的任何元素。试一试。|1016931|entityMap^0|0|E|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|X|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

After getting lost in the myriad answers on this page, none of which actually worked, I found out how to do this in my case.
For some reason using <code>input</code> in the selector was not doing it. I did not have an ID on the form element so I couldn't use any IDs for selectors. And even if I did I'm pretty sure it wouldn't have worked.
Here's my solution:
<pre class="lang-js prettyprint-override"><code>$(&quot;[name=something]&quot;).val(&quot;something&quot;);
</code></pre>
Essentially, select any element with the name of &quot;something&quot;. Give it a shot.

I've been trying to set the value of a hidden field in a form using jQuery, but without success. 

Here is a sample code that explains the problem. If I keep the input type to "text", it works without any trouble. But, changing the input type to "hidden", doesn't work !

<pre><code>&lt;html&gt;

 &lt;head&gt;
 &lt;script type="text/javascript" src="jquery.js"&gt;
 &lt;/script&gt;
 &lt;script type="text/javascript"&gt;
 $(document).ready(function() {
 $("button").click(function() {
 $("input:text#texens").val("tinkumaster");
 });
 });
 &lt;/script&gt;
 &lt;/head&gt;

 &lt;body&gt;
 &lt;p&gt;
 Name:
 &lt;input type="hidden" id="texens" name="user" value="texens" /&gt;
 &lt;/p&gt;
 &lt;button&gt;
 Change value for the text field
 &lt;/button&gt;
 &lt;/body&gt;

&lt;/html&gt;
</code></pre>

I also tried the following workaround, by setting the input type to "text" and then using a "display:none" style for the input box. But, this also fails !
It seems jQuery has some trouble setting hidden or invisible input fields.

Any ideas? Is there a workaround for this that actually works?

Set value of hidden field in a form using jQuery's ".val()" doesn't work

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我一直在尝试使用jQuery在表单中设置隐藏字段的值，但没有成功。以下是解释该问题的示例代码。如果我保持输入类型为"text"，它就能正常工作。但是，将输入类型更改为“隐藏”并不起作用！<html> <head> <script type="text/javascript" src="jquery....

问使用jQuery的".val()“在表单中设置隐藏字段的值不起作用
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery的".val()“在表单中设置隐藏字段的值不起作用EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery的".val()“在表单中设置隐藏字段的值不起作用
EN