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

并检查提交，文本应在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

的 LIVE DEMO

$(':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，然后告诉元素“that id”接收值;

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

如果你让问题更精确，我会更精确：）

将文本添加到页面的静态区域

3 个答案: