我有一种情况需要在提交表单时附加文字。就在用户提交表单时,需要将隐藏输入值中的文本附加到具有用户类型内容和附加URL的文本区域。
<form action="http://domain.com/index.php" method="post" name="contact_form" id="contact_form">
<input id="yourName" type="text" name="yourName" value="">
<input id="yourEmail" type="text" name="yourEmail" value="">
<input id="phoneNumber" type="text" name="phoneNumber" value="">
<input type="hidden" name="fromurl" value="http://www.google.com" id="fromurl">
<textarea id="message" name="message" rows="10"></textarea>
<button type="submit">Send</button>
</form>
<script type="text/javascript">(function($) {
$("form#contact_form").submit(function() {
value = $("#fromurl").val();
$('#message').text(value);
});
})(jQuery);</script>
但是当有人输入并点击提交时,它不会显示附加的网址。
好的我已经编辑了没有阻止默认。
答案 0 :(得分:0)
尝试
(function ($) {
$("form#contact_form").submit(function (event) {
//there is no need for this as you want to submit the form
//event.preventDefault();
var value = $("#fromurl").val();
//Use .val() to set the value of textarea
$('#message').val(value);
//this will create a recursive call to the submit handler, not need for this either
//$("#contact_form").submit();
});
})(jQuery);
答案 1 :(得分:0)
检查此更新的答案。只需将val和text更改为html,首先通过控制台打印检查它们是否为formurl值。
(function ($) {
$("form#contact_form").submit(function (event) {
var value = $("#fromurl").val();
console.log(value);
//Use .val() to set the value of textarea
console.log(" textarea "+$('#message').val());
$('#message').val($('#message').val()+value);
});
})(jQuery);