追加選擇標籤爲使用jQuery

我需要一個選擇標籤附加到表單中的jQuery 當我嘗試追加jquery的形式追加對象串入HTML 能有人指出我要去的地方錯了追加選擇標籤爲使用jQuery

HTML

<table> 
    <tr> 
     <th>Test</th> 
     <th>Entities</th> 
     <th>Group</th> 
     <th>Members</th> 
    </tr> 

    <tr class=color_one> 
     <td> Flow </td> 
     <td>  

       mT1127-1 <br> 

       mT1127-2 <br> 

       mT1127-3 <br> 

     </td> 
     <td> 
      <select class="group_select_Flow" id="group" name="group"><option value=""></option> 
<option value="369 - Antibody Validations Flow">369 - Antibody Validations Flow</option> 
<option value="396 - Flow">396 - Flow</option> 
<option value="389 - Flow">389 - Flow</option></select> 
     </td> 
     <td> 
      <select class="group_member_select_Flow" id="group_members" name="group_members"></select> &nbsp 
      <a href="#" style = "text-decoration:none;color:darkblue;" class="add_more">+</a> 
     </td> 
    </tr> 

    <tr class=color_two> 
     <td> Western </td> 
     <td>  

       mT1127-1 <br> 

       mT1127-2 <br> 

       mT1127-3 <br> 

     </td> 
     <td> 
      <select class="group_select_Western" id="group" name="group"><option value=""></option> 
<option value="369 - Antibody Research Western">369 - Antibody Research Western</option> 
<option value="369 - Antibody Validations Western">369 - Antibody Validations Western</option> 
<option value="378 - Antibody Support Western">378 - Antibody Support Western</option> 
<option value="389 - Western">389 - Western</option> 
<option value="392 - Western">392 - Western</option> 
<option value="396 - Western">396 - Western</option> 
<option value="Antibody Western">Antibody Western</option></select> 
     </td> 
     <td> 
      <select class="group_member_select_Western" id="group_members" name="group_members"></select> &nbsp 
      <a href="#" style = "text-decoration:none;color:darkblue;" class="add_more">+</a> 
     </td> 
    </tr> 

</table>

SCRIPT

$(document).ready(function(){ 
$("a.add_more").on("click", function(){ 
    var closest_td = $(this).closest("td"); 
    var select_tag = closest_td.find("select"); 
    closest_td.append("<br>" + $(select_tag)); 
});//add_more.on click 
});//dom ready

http://jsfiddle.net/3vTAH/

來源

2014-07-02 Stacked-for-life

您正在將jQuery DOM元素集合轉換爲字符串。您需要附加一個新的DOM元素或現有的一個克隆。

$(document).ready(function(){ 
    $("a.add_more").on("click", function(){ 
     var closest_td = $(this).closest("td"); 
     var select_tag = closest_td.find("select:first"); 
     closest_td.append("<br>").append(select_tag.clone()); 
    });//add_more.on click 
});//dom ready

http://jsfiddle.net/3vTAH/2/

來源

2014-07-02 20:15:49

真棒這工作非常動態的。 –

追加選擇標籤爲使用jQuery

回答

相關問題