jquery添加動態li與輸入字段

我想添加一個li到我的ul與輸入字段。重要的是，輸入ID是動態創建的。jquery添加動態li與輸入字段

<li> 
<input id="txtMenuElement1" type="text"> 
</li>

這是我的函數：

  function addNewMenuElement() { 

      if ($('#hfCountMenueElemente').val() < 9) { 
       i += 1; 
       $("#ulMenueElementeHinzufuegen").append($("<li><input />", { type: "text", id: "name" + i}, "</li>")) 
       $('#hfCountMenueElemente').val(i); 
      } else { 
       var notification = $find("<%=rnfMaximalMenuElemente.ClientID %>"); 
       notification.show(); 
      }; 
     }

如果我不喜歡這樣，我生成的代碼看起來像這樣：

<li> 
<input> 
</li>

因此，它忽略了輸入字段屬性。

有沒有人有一個想法，我如何以正確的方式做到這一點？

感謝您的閱讀。對不起，我的英語不好:(

來源

2013-10-14 egolive

嘗試

var $x = $('<li/>'); 
var $y = $('<input />', { type: 'text', id: 'name' + i}); 
$x.append($y); 
$("#ulMenueElementeHinzufuegen").append($x);

另一個鱈魚Ë

$("#ulMenueElementeHinzufuegen").append('<li><input type="text" id="name"' + i +"/> </li>");

問題與您的代碼

$("#ulMenueElementeHinzufuegen").append($("<li><input />", { type: "text", id: "name" + i}, "</li>"));

$("<li><input />",要指定文字和名稱。

來源

2013-10-14 14:06:50

謝謝！有用。 – egolive

@egolive歡迎。幫助:) –

這工作，

i= 0; 
function addNewMenuElement() { 
     i += 1; 
     $("#ulMenueElementeHinzufuegen").append("<li><input type='text' id= 'name" + i + "'/></li>"); 
     $('#hfCountMenueElemente').val(i); 

} 

$('.click-me').click(function(){ 
     addNewMenuElement(); 
});

工作撥弄here

來源

2013-10-14 14:05:27

嘗試是這樣的：

var $li = $('<li/>'), 
    $input = $('<input />', { type: 'text', id: 'name' + i}); 

$li.append($input); 

$("#ulMenueElementeHinzufuegen").append($li);

來源

2013-10-14 14:05:34 Johan

這應該做的工作。您嘗試將屬性設置爲不太明確的元素（同時添加li和input）。也很好定義input的名稱，而不僅僅是它的ID。

function addNewMenuElement() { 
    var i = $('#hfCountMenueElemente').prop("value"); 

    if (i < 9) { 
     i++; 

     $("#ulMenueElementeHinzufuegen").append($("<li />")).append($("<input />", { 
      type: "text", 
      id: "name" + i.toString(), 
      name: "name" + i.toString() 
     })); 

     $('#hfCountMenueElemente').prop("value", i); 
    } else { 
     var notification = $.find("<%=rnfMaximalMenuElemente.ClientID %>"); 
     notification.show(); 
    }; 
}

演示：http://jsfiddle.net/tQfbv/

來源

2013-10-14 14:09:34 melancia

jquery添加動態li與輸入字段

回答

相關問題