Question

我想自动使用提交时在表单中的单行文本字段中输入的值来填充隐藏的表单元素。如何使用jQuery完成这项工作？感谢您的任何建议。

<form>
<input type="hidden" id="username" name="username" value="" />
<input type="text" id="email" name="email" value="some.email@typed.here.on.webpage.com" />
<input type="submit" value="Submit" class="submit" />
</form>

Answer 1

我发现这种方法适用于各种浏览器：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
function submitMyForm(){
    $('#username').val($('#email').val());
    $('#myform').submit();
}
</script>
<title>Test</title>
</head>
<body>
<form id="myform" action="http://www.example.com" method="post">
<input type="hidden" id="username" name="username" value="" />
<input type="text" id="email" name="email" value="some.email@typed.here.on.webpage.com" />
</form>
<button class="submit"  onclick="submitMyForm()">Submit</button>
</body>
</html>

Answer 2

这应该这样做：

$('form').submit(function() {
    $('#username').val($('#email').val());
}

我相信大多数（如果不是全部）浏览器都会在打包和发送数据之前解决这个问题。试一试。

同时为表单提供ID并将'form'更改为'#THEID'

提交事件的参考：

http://api.jquery.com/submit/

使用表单提交（jQuery）上的文本字段的值填充隐藏的表单元素值

2 个答案: