簡體   English   中英

給每個元素一個唯一的ID

[英]Give each element a unique ID

我一直在瀏覽帖子,但似乎無法解決如何為每個元素賦予唯一ID的最后一個問題,例如childsAge1,childsAge2等

for (var u = 0; u < 16; u++) ;

            var container = $('<div />');
            for (var i = 1; i <= num; i++) {
                container.append('<div>\n' +
                    '<select name="childsAge">    \n' +
                    '<option value="0">Less than 1</option>\n' +
                    '<option value="1">1</option>\n' +
                    '<option value="2">2</option>\n' +
                    '<option value="3">3</option>\n' +
                    '<option value="4">4</option>\n' +
                    '<option value="5">5</option>\n' +
                    '<option value="6">6</option>\n' +
                    '<option value="7">7</option>\n' +
                    '<option value="8">8</option>\n' +
                    '<option value="9">9</option>\n' +
                    '<option value="10">10</option>\n' +
                    '<option value="11">11</option>\n' +
                    '<option value="12">12</option>\n' +
                    '<option value="13">13</option>\n' +
                    '<option value="14">14</option>\n' +
                    '<option value="15">15</option>\n' +
                    '<option value="16">16</option>\n' +
                    '<option value="17">17</option>\n' +
                    '</select>\n' +
                    '</div>');
            }
            $('#dvChildren').html(container);

如您所見,我可以根據以下參數創建所需的下拉列表數量:

$('#SelectedChildrenValue').change(function() {
            var num = parseInt($(this).val(), 10);

但是我似乎無法解決如何添加唯一ID的問題,我嘗試過的所有方法均無效,請查看其他帖子並嘗試其示例也無效。 我想念一些簡單的東西嗎?

任何幫助,將不勝感激


解決的問題,我應該使用<select name="childsAge' +i+ '">

嘗試像

for (var i = 1; i <= num; i++) {
            container.append('<div>\n' +
                '<select name="childsAge" id="childsAge'+i+'">    \n' +

在設置dvChildren html內容之后並在for循環之外嘗試以下操作:

var $select = $("#dvChildren select");
$select.attr('id', function (index) {
    return 'childsAge' + (index + 1);
});

有關更多信息,請參閱此博客文章

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM