我对 Javascript 还很陌生,我想知道如何将唯一的 id 添加到我生成的 HTML 文本框中。我目前正在使用此脚本来创建文本框:
$(document).ready(function () {
var tbId = 'expense';
var chkId = 'Mastercard';
$("#txt").click(function () {
var br = document.createElement("br");
var ctrl = $('<input/>').attr({ type: 'text', name: 'text', value: 'Indskriv udgift', id: tbId }).addClass("form-control tb_Id");
var ctrl2 = $('<input/>').attr({ type: 'checkbox', name: 'chk', id: chkId }).addClass("chk chk_Id");
$("#ExpenseBoxes").append(br, ctrl, 'Mastercard: ', ctrl2, br);
});
});
这是添加和保存文本框的 HTML 代码:
<input type="button" id="txt" value="Add TextBox"/>
<div id="ExpenseBoxes">
</div>
我希望将文本框 ID 命名为“expense1、expense2、expense3 ~”,但我不知道该怎么做。
最佳答案
使用计数器怎么样?
$(document).ready(function () {
var tbId = 'expense';
var chkId = 'Mastercard';
var elementCounter = 0;
$("#txt").click(function () {
var br = document.createElement("br");
var ctrl = $('<input/>').attr({ type: 'text', name: 'text', value: 'Indskriv udgift', id: tbId + (++elementCounter) }).addClass("form-control tb_Id");
var ctrl2 = $('<input/>').attr({ type: 'checkbox', name: 'chk', id: chkId }).addClass("chk chk_Id");
$("#ExpenseBoxes").append(br, ctrl, 'Mastercard: ', ctrl2, br);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="txt" value="Add TextBox"/>
<div id="ExpenseBoxes">
</div>
只需创建这个 var elementCounter = 0;
,像 id: tbId + (++elementCounter)
一样连接它,您将获得增量 id "expense1", "expense2"”、“expense3”等等。
关于javascript - 如何向动态添加的控件添加唯一的ID(Asp.net MVC),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40237077/