Добавить текст с ввода и отправить форму

Question

У меня возникла ситуация, когда мне нужно добавить текст при отправке формы. Просто, когда пользователь отправляет форму, необходимо добавить текст из скрытого входного значения в текстовую область с содержимым пользовательского типа и добавленным 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> 

но он не показывает прикрепленный URL-адрес, когда кто-то печатает и нажимает кнопку отправки.

ok Я отредактировал без предупреждения по умолчанию.

Answer 1

проверить этот обновленный ответ. просто измените val и текст на 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

Answer 2

Попробуйте

(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);