动态添加行的链式选择

Question

我从前面的问题中发现，答案是可以在两个选择列表上工作的。

但是如果我需要添加第三选择，即使它与第一和第二选择无关，

链式选择功能将无法工作。

我想添加第三个选择，它与两个选择没有关联。

以下是上一个问题的内容

<table id="tableID" border="1">
<tbody>
<tr>
  <td> <a href="#" onClick="addRow(tableID)">Add</a>
  </td>
  <td>
    <select id="mark" name="mark">
    <option value="bmw">BMW</option>
    <option value="audi">Audi</option>
    </select>
  </td>
  <td>
    <select id="series" name="series">
    <option value="series-3" class="bmw">3 series</option>
    <option value="series-5" class="bmw">5 series</option>
    <option value="series-6" class="bmw">6 series</option>
    <option value="a3" class="audi">A3</option>
    <option value="a4" class="audi">A4</option>
    <option value="a5" class="audi">A5</option>
    </select>
  </td>
 </tr>
</tbody>

​

 var row = $('#tableID tbody:first').html();
$("#series").chained("#mark");

function addRow(tableID) {
 $(row).appendTo('#tableID');
 var rowCnt = $('#tableID tbody>tr').length;

 $('#tableID tbody>tr:last select:first').attr('id', 'mark' + rowCnt);
 $('#tableID tbody>tr:last select:last').attr('id', 'series' + rowCnt);

以下是链接：

http://jsfiddle.net/f433g/

请帮我搞定这个人，谢谢

Answer 1

问题来自select:最后一个选择器，新的#系列select没有将rowCnt添加到他们的ID中。

如您所知，select的id可以用于选择器。

$('#tableID tbody>tr:last #mark').attr('id', 'mark' + rowCnt);
$('#tableID tbody>tr:last #series').attr('id', 'series' + rowCnt);

http://jsfiddle.net/2KBsw/