我有這樣的HTML:克隆有一行包含選擇和克隆選擇值
<tr>
<td>
<input type="hidden" name="MatchId[]" value="">
<select name="TeamId[]">
<optgroup label="Women">
<option value="18">Women 1</option>
<option value="17">Women 2</option>
</optgroup>
<optgroup label="Men">
<option value="9">Men 1</option>
<option value="8">Men 2</option>
</optgroup>
</select>
</td>
<td>
<select name="Day[]">
<!-- blah -->
</select>
</td>
<td>
<input class="addButton" type="button" value="+">
</td>
<td>
<input class="removeButton" type="button" value="-">
</td>
</tr>
我想克隆行,當我點擊+按鈕,而且還設置了<select>
到價值與原始行相同。
現在,我有這樣的代碼,它成功地克隆行,但與第一個值葉新<select>
領域選擇:
$('.addButton').livequery('click', function()
{
var $btn = $(this);
var $clonedRow = $btn.closest('tr').clone();
$btn.closest('tbody').append($clonedRow);
});
我怎麼能這樣做呢?
編輯:子問題:我點擊+按鈕後,如何將重點放在克隆行的第一個字段上?
^_ ^英雄所見略同(雖然有點不同) – Neal
@Neal笑我只希望有一個更優雅的解決方案:P –
多虧了你們倆。我在這裏同時找到了答案http://stackoverflow.com/questions/742810/clone-isnt-cloning-select-values – Mike