使用JavaScript動態/ jQuery的

-1

我得到輸入域的一些n個從數據庫如下值如何增加輸入標籤：使用JavaScript動態/ jQuery的

<span class="" id="row_label">Demo 1</span> 
<input type="text" class="input-medium firstrow" name="" id="demo_1" value="Sun" /> 
<span class="" id="row_label">Demo 2</span> 
<input type="text" class="input-medium firstrow" name="" id="demo_2" value="Mon" /> 
<span class="" id="row_label">Demo 3</span> 
<input type="text" class="input-medium firstrow" name="" id="demo_3" value="Tue" />

與此相伴，我動態生成一些輸入字段，而值以下。

<span class="" id="row_label">Demo 1</span> 
<input type="text" class="input-medium firstrow" name="" id="demo_4" value="" /> 
<span class="" id="row_label">Demo 2</span> 
<input type="text" class="input-medium firstrow" name="" id="demo_5" value="" />

現在兩種類型的輸入字段都具有相同的標籤。我想通過查看第一種類型的標籤來增加第二種類型的標籤。

所以，我想增加第二類型的輸入字段演示4，5演示的標籤..

我怎樣才能做到這一點？？？

來源

2014-03-19 user3408415

**元素的ID必須是唯一的** –

使用相同的計數器？或者如果你想要更好的猜測，提供更多的代碼。 – sabof

您使用腳本或靜態html生成空元素 –

假設你有一個像

<div id="container"> 
    <span class="row_label">Demo 1</span> 
    <input type="text" class="input-medium firstrow" name="" id="demo_1" value="Sun" /> 
    <span class="row_label">Demo 2</span> 
    <input type="text" class="input-medium firstrow" name="" id="demo_2" value="Mon" /> 
    <span class="row_label">Demo 3</span> 
    <input type="text" class="input-medium firstrow" name="" id="demo_3" value="Tue" /> 
</div>

一個容器元素，然後

jQuery(function ($) { 
    var $ct = $('#container'), 
     idx = $ct.find('.row_label').length, 
     end = idx + 2; 
    for (var i = idx + 1; i <= end; i++) { 
     $ct.append('<span class="row_label">Demo ' + i + '</span><input type="text" class="input-medium firstrow" name="" id="demo_' + i + '" value="Sun" />') 
    } 
})

演示：Fiddle

來源

2014-03-19 03:08:28

我使用父克隆動態地創建第二部分。所以，當我點擊第二部分上的+按鈕時，它將帶上我的父長度並遞增。是否可以將我的父長度設置爲$（'label.demo'）。length + 1;所以，當我再次點擊+時，它會增加... – user3408415

@ user3408415你可以編輯小提琴重新創建你的代碼 –

@ user3408415看起來像'$（'label.demo'）。length + 1' should do –

使用JavaScript動態/ jQuery的

回答

相關問題