0

我有一个包含多行的文本区域。

<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 之后。

如何实现这一点。我不确定如何进行？我是否缺少有关如何动态更新面板/区域的内容？

4

3 回答 3

1

像这样的东西： -

http://jsfiddle.net/ubvgt/

   $(':Submit').click(function(){
    var elem = $('[name=testxtoadd]');
    elem.before( $('<input>' , {type: "checkbox",value: elem.val() })).
    before(elem.val() + "</br>");
});
于 2013-04-28T23:50:44.130 回答
1

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

});
于 2013-04-29T00:00:12.040 回答
0

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

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

您可以在页面上的某处添加文本，方法是使用带有 id 的 div，然后告诉带有“那个 id”的元素接收值；

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

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

于 2013-04-28T23:48:22.060 回答