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

我有一个文本区域，它有多行。将文本添加到页面的静态区域

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

，检查和提交的案文应在文字3后顶部增加。

如何实现这一点。我不知道如何继续？我是否错过了如何动态更新面板/区域？

来源

2013-04-28 The Learner

事情是这样的： -

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-28 23:50:44 PSL

感谢您的回复。当我尝试在本地运行相同的程序时，我看到一个错误：未捕获的异常：语法错误，无法识别的表达式：提交。它工作在你提供的链接我missng什么 – 2013-04-29 00:37:13

@TheLearner你可以尝试$（'[input [type = submit]'）。点击（... – PSL 2013-04-29 01:03:26

我试过，它不工作。事实上，我创建了一个小的div并尝试：$（“div.main submit.Submit”）。点击（功能（）..甚至比它不工作我是否错过了一些东西..它的工作方式我想在你的例子中支持我 – 2013-04-29 01:11:41

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

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

你可以在页面上的某个地方添加文本，方法是在div中添加一个id，然后用“该id”告诉该元素接收值;

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

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

来源

2013-04-28 23:48:22 Jonast92

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-29 00:00:12

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

回答

相关问题