0

我有这个小提琴http://jsfiddle.net/CbRHu/ ..SO 基本上我在这里要做的是当最后一行的数据选择即下拉列表选项值更改时我想创建一个新行并复制的值最后一行像所有 td 和内部的东西一样放入这个新行并将其附加到表中，然后当新创建的行的最后一行发生更改时再次创建另一个新行..知道如何做到这一点..

<table id="Main">
   <tr>
    <TD>
        <SELECT name=ctl00$m$g_c10b6cde_8531_45b1_aee8_b49b773919bf$ctl16>
          <OPTION value=1>WCF</OPTION>
          <OPTION value=2>ASP.Net</OPTION> 
          <OPTION value=3>HTML</OPTION> 
          <OPTION value=4>JS</OPTION> 
          <OPTION selected value=5>client</OPTION>
        </SELECT>
   </TD>
   <TD>
       <SELECT name=ctl00$m$g_c10b6cde_8531_45b1_aee8_b49b773919bf$ctl17> 
          <OPTION selected value=Begineer>Begineer</OPTION> 
          <OPTION value=Intermediate>Intermediate</OPTION> 
          <OPTION value=Expert>Expert</OPTION> 
          <OPTION value=Geek>Geek</OPTION>
       </SELECT>
    </TD>
  <TD style="COLOR: white">18</TD>   

<TR>
  <TD>
      <SELECT id=ctl00_m_g_c10b6cde_8531_45b1_aee8_b49b773919bf_TechCellDS onchange="Add()"       name=ctl00$m$g_c10b6cde_8531_45b1_aee8_b49b773919bf$TechCellDS>
        <OPTION value=1>WCF</OPTION> 
        <OPTION value=2>ASP.Net</OPTION> 
        <OPTION selected value=3>HTML</OPTION>
        <OPTION value=4>JS</OPTION>
        <OPTION value=5>client</OPTION> 
        <OPTION value=Select>Select</OPTION>
       </SELECT>
   </TD>
      <TD>
       <SELECT name=ctl00$m$g_c10b6cde_8531_45b1_aee8_b49b773919bf$ctl17 id=ctl00_m_g_c10b6cde_8531_45b1_aee8_b49b773919bf_TechCellDS onchange="Add()"> 
          <OPTION selected value=Begineer>Begineer</OPTION> 
          <OPTION value=Intermediate>Intermediate</OPTION> 
          <OPTION value=Expert>Expert</OPTION> 
          <OPTION value=Geek>Geek</OPTION>
       </SELECT>
    </TD>
    <tr>    
</table>

谢谢

4

3 回答 3

0

试试这个-

function addRow()
            {
                var n=$("#elementCount").val();
                var row=$('#rowid'+(n-1));
                row.clone(true).attr('id','rowid'+(n)).insertAfter(row);

                n++;

                $("#elementCount").val(n);
            }

elementCount=包含行数的隐藏字段的id。

于 2013-04-11T06:59:58.793 回答
0

这是javascript：

var main = $('#Main');
var template = $('#Main').find("tr:first").html().toString();

function addTemplate() {
    main.find("tr:last").after('<tr>' + template + '</tr>');
}

$('.last:last').live('change', function () {
       addTemplate();
})

还有一个工作示例：http: //jsfiddle.net/basarat/CbRHu/12/

于 2013-04-11T07:14:25.467 回答
0

这是您问题的答案

$(document).ready(function () {
    function addrow() {
        var newtr = $('#Main tr').eq(-1).html();
        $('#Main tbody').append('<tr>' + newtr + '</tr>');
    }
    $(document).on("change", $('#Main tr:last select'),

    function () {
        addrow();

    });
});

JS 小提琴链接

于 2013-04-11T07:44:34.123 回答