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

jQuery - Is it possible to set value in a hidden textbox using jquery

本文关键字:文本 设置 隐藏 可以使 是否 jQuery jQuery-      更新时间:2024-02-25

我想使用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;
}

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

但是,为什么不使用:type="hidden"来代替:display:none

为什么不使用隐藏字段?

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

您只需要将输入类型属性更改为"隐藏"

如果您想有一个隐藏的输入字段,只需使用

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

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

<li></li>

这样,您就可以更改值,并确保它不会显示出来。

请尝试以下操作:

<input type="hidden" id="texens" name="user" value="" />
<button>Set Value</button>
$(document).ready(function(){
  $("button").click(function(){
    $("#texens").val("Hurray");
    alert($("#texens").val());
  });
});

如果我没看错你的问题,试试

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

在调用modval时,只需传递要用作参数的数字。小提琴

$(".hidden_val").val(1);正在将值设置为1。我是不是漏掉了问题的要点?