將文本添加到頁面的靜態區域

我有一個文本區域，它有多行。將文本添加到頁面的靜態區域

<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

將文本添加到頁面的靜態區域

回答

相關問題