1. 程式人生 > >jquery實現點選按鈕新增一行

jquery實現點選按鈕新增一行

<td colspan=7  id="show_stock">
<table class="form " cellpadding=0 cellspacing=0 >
  <tr>
<td colspan=7  id="">
<table class="form " cellpadding=0 cellspacing=0 rel="2_input">
<thead>
<tr>
<td>序號</td>
<td>股東姓名</td>
<td>股東職務</td>
<td>是否全職</td>
<td>所佔股份(%)</td>
<td>實際出資金額(萬)</td>
<td>與其他股東關係描述</td>
<td>操作</td>
</tr>
</thead>
<tbody >
<if condition="$vo['stock'] gt 0">
<volist name="vo['stock']" id="stock" key="k" >
 <tr >
<td width="12%">序號{$k}:</td>
<td width="12%"><input type="text" value="{$stock.name}" class="stock_name" name="stock[{$k}][name]"  placeholder="股東姓名"></td>
<td width="12%"><input type="text" value="{$stock.job}" name="stock[{$k}][job]"   placeholder="股東職務"></td>
<td width="12%"><input type="text" value="{$stock.is_full_time}" name="stock[{$k}][is_full_time]"   placeholder="是否全職"></td>
<td width="12%"><input type="text" value="{$stock.share}" name="stock[{$k}][share]"  placeholder="所佔股份" class="gufen">%</td>
<td width="12%"><input type="text" value="{$stock.invest_money}" name="stock[{$k}][invest_money]"  placeholder="實際出資">萬</td>
<td width="12%"><input type="text" value="{$stock.relation}" name="stock[{$k}][relation]"  placeholder="關係描述"></td>
<td><a href="javascript:void(0);" class="del_new_row">刪除</a></td>
</tr>
</volist>
</if>

</tbody>
<tr  id="new_str">   
<td colspan=7 align="center">
<input id="stock_num"  type="hidden" name="stock_num" value="{$stock_num}">
<input id="add_stock" name="add_stock" type="button" class="button add_new_row" value="增加一行"  />
</td>
</tr>
 </table>

</td>



$("#add_stock").click(function(){
var stock_num=$("#stock_num").val();
str="<tr><td width=\"12%\">序號"+stock_num+":</td>";


str +="<td width=\"12%\"><input type=\"text\" value=\"\" class=\"stock_name\" name=\"stock["+stock_num+"][name]\"  placeholder=\"股東姓名\"></td>";
str +="<td width=\"12%\"><input type=\"text\" value=\"\" name=\"stock[stock_num][job]\"   placeholder=\"股東職務\"></td>";
str +="<td width=\"12%\"><input type=\"text\" value=\"\" name=\"stock[stock_num][is_full_time]\"   placeholder=\"是否全職\"></td>";
str +="<td width=\"12%\"><input type=\"text\" value=\"\" name=\"stock[stock_num][share]\"  placeholder=\"所佔股份\" class=\"gufen\">%</td>";
str +="<td width=\"12%\"><input type=\"text\" value=\"\" name=\"stock[stock_num][invest_money]\"  placeholder=\"實際出資\">萬</td>";
str +="<td width=\"12%\"><input type=\"text\" value=\"\" name=\"stock[stock_num][relation]\"  placeholder=\"關係描述\"></td>";
str +="<td><a href=\"javascript:void(0);\" class=\"del_new_row\">刪除</a></td>";


str +="</tr>\r\n";


$("#new_str").before(str);