[英]Appending select tag into a form using jQuery
I need to append a select tag into a form in jquery When I try to append jquery appends an object string into the html can some one point out where i am going wrong 我需要将选择标记附加到jquery中的表单中当我尝试附加jquery将对象字符串附加到html中时,可以指出我要去哪里了
HTML 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>  
<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>  
<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
You are casting a jQuery DOM element collection to a string. 您正在将jQuery DOM元素集合转换为字符串。 You need to append a new DOM element or a clone of an existing one.
您需要附加一个新的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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.