[英]How to hold a value and pass it while creating dynamic textbox on html/javascript
我用 javascript 做一個動態文本框。 但是當我執行我的按鈕時,我已經插入的值被刪除了。 因此,就像我有一個文本框並在其上輸入內容一樣,當我執行按鈕創建另一個文本框時,它會刪除我在第一個文本框中輸入的所有內容,並創建另一個文本框。 我理解它為什么會發生,但我不知道是否有辦法保持價值,並傳遞給“新”的 div。
<script language="javascript">
var x = 1;
function Button()
{
my_div.innerHTML = my_div.innerHTML +"<label for='variation'>Carro " + x +": </label>" + "<input type='text' name='xcar"+ x +"'>"
x++;
}
</script>
因此,正如我之前所說的那樣,問題是 my_div.innterHTML 正在替換自己並丟失了值。
<script language="javascript">
window.onload = function () {
var createTextbox = function () {
var x = 1,
container = document.getElementById('my_div');
return function () {
var div = document.createElement('div');
input = document.createElement('input');
input.type= "text";
input.name = "xtext" + x;
div.appendChild(input);
container.appendChild(div);
x++;
}
}();
document.getElementById('createButton').onclick = createTextbox;
</script>
<input class="carbutton" type="button" value="+ Carro" id="createButton">
我只是使用了這段代碼。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.