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

Question

我有一个文本区域，它有多行。

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

我想保留在文本框中，例子:

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

和check submit，文本应该添加在text3之后的Top。

如何实现这一点。我不知道该怎么做。我错过了一些关于如何动态更新面板/区域?

Answer 1

像这样:-

http://jsfiddle.net/ubvgt/

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

Answer 2

现场演示

$(':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 );
  }
});

Answer 3

给出输入字段id，这样您就可以知道每个文本来自哪个输入字段。

你可以使用一个监听器来监听你的动作，这样一旦你按下提交按钮，监听器就会注意到它，它可以检查所有输入字段的值，你可以很容易地获得这些值，并像你想的那样处理它们。

您可以在页面的某个地方添加文本，通过使用带有id的div，然后告诉具有"那个id"的元素来接收这些值;

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

如果你的问题更精确，我可以更精确:)