jQuery - 是否可以使用jquery在隐藏文本框中设置值

时间:2016-04-06 17:18:16

标签: javascript jquery html css

我想使用jquery在隐藏文本框中设置一个值。

我有多个相同但需要更改一个字段的表单,所以我想动态使用该字段。

我尝试过的。 fiddle_link

HTML

<ul>
  <li class="hidden"><input class='hidden_val' type='text' value=''/></li>
  <li><input type='text' value='2'/></li>
  <li><input type='text' value='3'/></li>
  <li><input type='text' value='4'/></li>
  <li><input type='text' value='5'/></li>
</ul>

jQuery的:

$(function(){
    $(".hidden_val").val(1);
});

的CSS:

.hidden{
  display: none;
}

6 个答案:

答案 0 :(得分:2)

回答你的问题:是的,这是可能的。

但为什么不使用类型=&#34;隐藏&#34; 而是:显示:无

答案 1 :(得分:1)

为什么你不使用隐藏的字段?

<input type="hidden" value="your value" />

您只需将输入类型属性更改为&#34;隐藏&#34;

答案 2 :(得分:1)

如果您想要隐藏输入字段,请使用

<input type='hidden' value=''/>

您可以将输入字段放在html中的任何位置。你不必把它放在

<li></li>

这样你就可以改变价值,并确保它不会被展示。

答案 3 :(得分:1)

请试试这个:

<input type="hidden" id="texens" name="user" value="" />
<button>Set Value</button>

$(document).ready(function(){
  $("button").click(function(){
    $("#texens").val("Hurray");
    alert($("#texens").val());
  });
});

答案 4 :(得分:1)

如果我正确地阅读您的问题,请尝试

$(function() {
    modval(6);
});

function modval(valu){
    $(".hidden_val").val(valu);
    alert($(".hidden_val").val());
}

并在调用modval时传递要用作参数的数字。 fiddle

答案 5 :(得分:0)

$(".hidden_val").val(1);将值设置为1。 我错过了问题的重点吗?