从输入和提交表单附加文本

时间:2014-09-15 02:55:11

标签: jquery

我有一种情况需要在提交表单时附加文字。就在用户提交表单时,需要将隐藏输入值中的文本附加到具有用户类型内容和附加UR​​L的文本区域。

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

但是当有人输入并点击提交时,它不会显示附加的网址。

好的我已经编辑了没有阻止默认。

2 个答案:

答案 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);

检查此jsfiddle Demo