使用javascript设置隐藏的输入值

Question

function GetWidth(){
    var TBL_width = document.getElementById('wrap_tbl').offsetWidth;
    return TBL_width;
}
var w = GetWidth();

<input type="hidden" id="tbl" value= w />

这可能吗？

我想将JavaScript变量存储在隐藏输入元素的value属性中。 请指导我如何做到这一点

Answer 1

Jquery版本：

$("#tbl").val(w);

纯JavaScript版本：

document.getElementById("tbl").value = w;

在这种情况下，隐藏和“未隐藏”输入之间没有区别。

建议：如果你的GetWidth函数只有一行，并且该行不太复杂，你可以从方法中提取它。

function setWidth(){
    var TBL_width = document.getElementById('wrap_tbl').offsetWidth;
    document.getElementById("tbl").value = TBL_width;
}

Answer 2

使用javascript设置隐藏元素的value属性：

var w=GetWidth();
document.getElementById('tbl').value = w;

或jQuery风格：

var w=GetWidth();
$('#tbl').val(w);

Answer 3

这绝对不行......你已经意识到:-)

看看你使用元素“wrap_tbl”做了什么......你通过使用document.getElementById（）来访问它。 你可以做同样的事情来访问隐藏的元素

document.getElementById('tbl').value = w;

Answer 4

您可以使用javascript设置值。

document.getElementById('tbl').value=w;

如果你使用jQuery，只需$('#tbl').val(w);

Answer 5

由于输入的价值已经回答，一个问题，

您是否需要将其作为提交时发送的参数？

如果没有，一个建议：你可以总是使用jquery 数据方法

$('body').data('myDesiredName','myDesiredValue');

并检索它

alert($('body').data('myDeesiredName')); //will alert 'myDesiredValue'

通过这种方式，您可以始终存储多个值和变量，而无需隐藏元素，

快乐的编码;）