Jquery 向页面的静态区域添加文本

我有一个有多行的文本区域

<input type="checkbox" name="test1" /> Test1 <br />
<input type="checkbox" name="test2" /> Test2 <br /> 
<input type="checkbox" name="test3" /> Test3 <br /> 


<input type="text" name="testxtoadd" /> 
<input type="submit" value="Submit" />

Test1

测试2

测试3

我想保留在文本框中， 例如：

<input type="checkbox" name="test4" /> Test4 <br />

Test4

并选中提交，文本应添加在文本3之后的顶部

---

如何做到这一点。我不知道该怎么办？我是否缺少关于如何动态更新面板/区域的信息？

提供输入字段id，以便您知道每个文本来自哪个输入字段

您可以使用一个侦听器来侦听您的操作，这样，一旦您按下submit按钮，侦听器就会注意到它，并且它可以检查所有输入字段的值，您可以轻松地获取这些值并按照您的意愿处理它们

您可以在页面的某个位置添加文本，方法是使用一个id为的div，然后告诉具有“该id”的元素接收值

$('#divId').html(inputTextThatWasSelected);

如果你能让你的问题更精确，我可以更精确：）

类似这样的问题：-

$（':Submit'）。单击（函数（）{
var elem=$（'[name=testxtoadd]'）；
elem.before（$（''，{type:“checkbox”，value:elem.val（）}））。
在（elem.val（）+“
”）之前；
});

$（':submit'）。单击（函数（）{
var val=$（'[name=testxtoadd]'）。val（）；
如果（$.trim（val））{//这将阻止空提交
var newHTML=''+val+'
'；
$（this）.prev（）.before（newHTML）；
}
});

谢谢您的回复。当我尝试在本地运行与以下相同的程序时，我看到一个错误：未捕获异常：语法错误，无法识别的表达式：提交。它在你提供的链接中起作用，我是否错过了任何我尝试过的不起作用的东西。事实上，我创建了一个小div并尝试：$（$div.main submit.submit”）.click（function（）…即使它不起作用，我是否遗漏了一些东西..它的工作方式符合我的要求，在您所使用的示例中，就是您在document.ready中添加它了吗？即$（function（）{//your code here}）；是的。实际上您提到的方法起作用了..但是$（$div main submit.submit.submit”）.click）（function（）{nt正在工作上面的一个有什么问题吗？让我们来看看

   $(':Submit').click(function(){
    var elem = $('[name=testxtoadd]');
    elem.before( $('<input>' , {type: "checkbox",value: elem.val() })).
    before(elem.val() + "</br>");
});

$(':submit').click(function(){

  var val = $('[name=testxtoadd]').val();

  if( $.trim(val) ){         // THIS WILL PREVENT EMPTY SUBMIT
      var newHTML = '<input type="checkbox" name="'+val+'"> '+ val +'<br>';
      $(this).prev().before( newHTML );
  }

});