![](/img/trans.png)
[英]How to add controls dynamically on asp.net page and fill it according to previously added controls?
[英]How to add unique id's to dynamically added controls(Asp.net MVC)
我剛接觸Javascript,我想知道如何在生成的HTML文本框中添加唯一ID。 我目前正在使用此腳本創建文本框:
$(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”等。
這將適合您的情況
var brInput = document.createElement("br");
brInput.setAttribute("id", "uniqueIdentifier");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.