jquery - 使用 jQuery 的 ".val()"设置表单中隐藏字段的值不起作用

标签 jquery set hidden-fields

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

这是解释问题的示例代码。如果我将输入类型保持为“文本”,它可以毫无问题地工作。但是,将输入类型更改为“隐藏”是行不通的!

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

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

有什么想法吗?是否有实际可行的解决方法?

最佳答案

:text 对于类型值为 hidden 的输入将失败。仅使用它也更有效率:

$("#texens").val("tinkumaster");

ID 属性在网页上应该是唯一的,确保您的 ID 属性是唯一的,因为这可能会导致您遇到的任何问题,并且指定更复杂的选择器只会减慢速度并且看起来不那么整洁。

例子在 http://jsbin.com/elovo/edit ,在 http://jsbin.com/elovo/2/edit 使用您的示例代码

关于jquery - 使用 jQuery 的 ".val()"设置表单中隐藏字段的值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2979772/

相关文章:

javascript - 如何在单击时以及用户单击时关闭菜单?

jquery - 获取数组中的上一个和下一个项目

javascript - 在表格单元格上创建工具提示?

javascript - 当 flexbox 宽度改变时改变 flex 元素的顺序

algorithm - 将相关集合组合在一起

python - 使自定义类表现得像集合

algorithm - 将集合 S 公平划分为 k 个分区

c# - 将下拉列表值保存到 JavaScript 变量中

HTML - 浏览器会自动填充隐藏字段吗?