JQuery - 如何为html文本字段设置隐藏值？

Question

注意： 我有一种情况，我无法在隐藏的输入元素中设置值。

var size_val = $("#size_val").val();
var size_measure = $("#size_measure").val();
$("#size_val").val(size_val+' '+size_measure);

我想设置相同文本框'size_val'的值，但不想在页面上显示新值。

注意： 我知道，我可以在隐藏字段中设置值，但我的情况是无法在隐藏字段中设置。

Answer 1

嗯，那是因为您要在#size_val元素上设置值。

您需要在所需的隐藏元素上设置值，如下所示：

var size_val = $("#size_val").val();
var size_measure = $("#size_measure").val();
$("#id_of_hidden_element").val(size_val+' '+size_measure);

基于OP编辑的更新

因此，如果我正确理解您需要的是不在隐藏字段上设置值，而是在字段上设置隐藏值。 我们可以在该字段上使用attributes执行此操作：

自定义属性：

var size_val = $("#size_val").val();
var size_measure = $("#size_measure").val();
$("#size_val").attr("hiddenvalue",size_val+' '+size_measure);

要恢复该值，您可以执行以下操作：

var hidden_value = $("#size_val").attr("hiddenvalue");

html输入如下所示：

<input type="text" value="showed value" hiddenvalue="hided value"/>

数据属性：

var size_val = $("#size_val").val();
var size_measure = $("#size_measure").val();
$("#size_val").data("hiddenvalue",size_val+' '+size_measure);

html输入如下所示：

<input type="text" value="showed value" data-hiddenvalue="hided value"/>

要恢复该值，您可以执行以下操作：

var hidden_value = $("#size_val").data("hiddenvalue");

请注意，“ hiddenvalue ”只是attribute的名称，我们可以使用任何其他名称。