如何在html表单中自动插入文本并自动提交?

时间:2016-02-17 07:18:51

标签: javascript jquery html html5

我正在开发一个项目,我只想创建一个用于发布回复的html表单但是如果用户懒得回复他/她只需单击自动生成注释并直接插入文本在表格上并随后自动发布..

4 个答案:

答案 0 :(得分:4)

$( "#lazybutton" ).click(function() {
  $('#inputBox').val("Hey I feel too lazy to type"); // filled automatically in input box        
    setTimeout(function(){
      $('#form').submit(); //submitting form
    }, 2000);
});

增加了睡眠时间,以便用户在填充后可以看到输入框2秒。

答案 1 :(得分:1)

假设您想在客户端站点执行。

创建一个预定义答案的数组/字符串,并创建一个发布按钮的点击处理程序,然后将预定义的答案插入评论框并发布。

$(document).ready(function () {
    var RandComment= ["First Random Comment","Second Random Comment","Third Random Comment"]
    $("#btnSubmit").click(function () {
        var pickRandomComment = RandComment[parseInt(Math.random() * RandComment.length-1)];
        $("#txtCommentBox").val(pickRandomComment);        
        //Call ajax if want to implement

    });
});

答案 2 :(得分:0)

为此,首先,您应该生成文本并将生成的文本附加到注释字段。但在我不确定你想要什么“自动发布”之后。您是否要像通常按提交按钮一样发布表单?如果是,您可以使用以下代码作为逻辑。

$("button#lazyGenerate").on("click", function(){
  var generatedText = "bla bla and bla";
  $("#yourCommentField").val(generatedText);

$("input[name='submitButtonName']").click();

});

答案 3 :(得分:0)

使用jQuery,可以使用.val()填充输入,然后使用.submit()提交表单,该表单与单击的提交按钮相同。

$(document).on('click', '#autogen', function(){
  $('#myTextarea').val('Some comment here');
  $('#myForm').submit();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<form id="myForm" action="/" method="post">
  <input type="text" id="myTextarea" name="myTextarea">
  <input type="submit" value="Submit">
</form>

<button id="autogen">Generate</button>

参考:jQuery Documentation