使用jQuery的“.val()”在表单中设置隐藏字段的值不工作

我一直在尝试使用jQuery在表单中设置隐藏字段的值，但没有成功。

下面是解释该问题的示例代码。如果我保持输入类型为“文本”，它工作起来没有任何麻烦。但是，将输入类型更改为“hidden”，却不起作用!

<html>

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

    <body>
        <p>
            Name:
            <input type="hidden" id="texens" name="user" value="texens" />
        </p>
        <button>
            Change value for the text field
        </button>
    </body>

</html>

我还尝试了以下解决方法，通过设置输入类型为“text”，然后为输入框使用“display:none”样式。但是，这也失败了! jQuery似乎在设置隐藏或不可见的输入字段时遇到了一些麻烦。

什么好主意吗?有没有可行的解决办法?

当前回答

.val没有为我工作，因为我抓取值属性服务器端和值并不总是更新。所以我用了:

var counter = 0;
$('a.myClickableLink').click(function(event){
   event.preventDefault();
   counter++;

   ...
   $('#myInput').attr('value', counter);
}

希望它能帮助到别人。

2013-05-17 20:03:54

其他回答

简单地使用get和set下面的语法

GET

//Script 
var a = $("#selectIndex").val();

这里一个变量将保存hiddenfield(selectindex)的值

服务器端

<asp:HiddenField ID="selectIndex" runat="server" Value="0" />

SET

var a =10;
$("#selectIndex").val(a);

2016-08-07 12:50:28

最后，我找到了一个解决方案，很简单:

document.getElementById("texens").value = "tinkumaster";

效果非常好。不知道为什么jQuery没有退回到这一步。

2014-04-03 16:29:46

任何人谁是与此斗争，有一个非常简单的“内联”方法来做到这一点与jQuery:

<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="">

当使用onChange事件将文本输入可见输入时，设置隐藏字段的值。如果你想把字段值传递给“高级搜索”表单，而不是强迫用户重新输入他们的搜索查询，这是很有用的(就像在我的例子中)。

2016-08-19 17:59:39

如果你在设置一个隐藏字段的值时遇到了麻烦，因为你传递了一个ID给它，这是解决方案:

用$("input[id=hidden_field_id]").val(id)代替$("#hidden_field_id").val(id)。不知道有什么区别，但确实有效。

2011-11-09 23:23:22

又有人在这里抓你了，浪费了我的时间，所以我想我应该把这个建议给你。我有一个隐藏字段，我给了一个id。名称中的[]括号(由于与struts2一起使用)和选择器$(“#model.thefield[0]”)不会找到我的隐藏字段。将id重命名为不使用句号和括号会导致选择器开始工作。因此，最后我以model_the_field_0的id代替，选择器工作正常。

2012-10-24 18:03:14

使用jQuery的“.val()”在表单中设置隐藏字段的值不工作

推荐文章

最新文章

标签