Javascript 如何使用jquery将值传递给隐藏字段?
单击按钮时,我想将输入类型文本的值赋予隐藏类型的值Javascript 如何使用jquery将值传递给隐藏字段?,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,单击按钮时,我想将输入类型文本的值赋予隐藏类型的值 <input type="hidden" id="name" name="hidden-new-field"/> <form> <input type="text" id="name-emails" /> <input id="send-btn" type="submit" class="button" value="SEND NOW" /> </form> 请注意,上面的代码稍后仍
<input type="hidden" id="name" name="hidden-new-field"/>
<form>
<input type="text" id="name-emails" />
<input id="send-btn" type="submit" class="button" value="SEND NOW" />
</form>
请注意,上面的代码稍后仍将提交表单,我假设这是您想要的。
你的表格中几乎没有错误
- 输入类型文本上没有
属性name
的隐藏的元素不应是名称(导致混淆)id
- 隐藏字段应位于
标记内表单
我认为最好使用
id
,以防他有多个隐藏输入。
$('input#send-btn').click(function(){
$('input#name').val($('input#name-emails').val());
return true;
});
$("form").submit(function(e){
e.preventDefault();
$("#name").val("new_hidden_value");
});
var value = $("#name").val();
$("#name").val(value);
$('#send-btn').click(function() {
$('#name').val($('#name-emails').val());
});
$(document).ready(function() {
$("#send-btn").click(function(){
$("#name").val($("#name").val(name-emails)));
});
});
$('form').bind('submit',function() {
$('#name').val($('#name-emails').val())
alert($('#name-emails').val())
return false
})
<form>
<input type="text" id="email" name="email"/>
<input type="hidden" id="hidden_email" name="hidden_email"/>
<input type="submit" id="send_btn" class="button" value="SEND NOW" />
</form>
$("form").bind('submit',function(e){
e.preventDefault();
var formEmail=$("input[name=email]").val();
$("input[type=hidden][name=hidden_email]").val(formEmail);
});