2014-03-06 15 views
0

這是我的代碼..我有2個單獨的東西正常工作,現在我想要整合它們。從另一個字段獲取輸入的文本字段以及添加新字段的按鈕。當我添加一個新的領域,我得到一個空白的領域,但我想匹配的填充字段..試圖添加一個新的文本字段保留從另一個字段的內容

我也有這樣的小提琴:http://jsfiddle.net/miketrujillo/nV2tA/light/

HTML:

<input type="text" name="input" id="input" size="30" value="Your Name"> 
<input type="text" id="name" size="30" value=""> 

<a href="#" id="addScnt">Add A Box</a> 

<div id="namess"> 
<p> 
<label for="names"> 
</label> 
</p> 
</div> 

JQuery的:

var $name = $("#name"); 

$("#input").keyup(function() { 
$name.val(this.value); 
}); 

$(function() { 
var scntDiv = $('#namess'); 
var i = $('#namess p').size() + 1; 

$('#addScnt').live('click', function() { 
    $('<p><label for="names"><input type="text" name="names_' + i + '" id="name" size="30" value=""></label><a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv); 
    i++; 
    return false; 
}); 

$('#remScnt').live('click', function() { 
    if (i > 2) { 
     $(this).parents('p').remove(); 
     i--; 
    } 
    return false; 
}); 
}); 

在最初的框中,我有id =「名稱」,它的工作原理,但它不適用於新的框。我也嘗試在click函數中添加keyup函數,但沒有任何用處。

回答

0

嘗試做:

<input type="text" name="names_' + i + '" id="name" size="30" value="' + $name.val() + '">

但是,如果你想在新文本字段(一個或多個)來更新和原來一樣,你應該看看其他一些jQuery的功能,如.each()

+0

感謝我結束爲輸入添加一個新的變量並做... krp

相關問題