亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JQuery實現表格行當復制

標簽:
JQuery

当需要动态添加数据时,需要动态的改变表格的行数,并且每行的类型应该相同,此时可以使用下面的代码来完成需求

function delRow(obj) {
            if(window.confirm("你确定要删除该属性吗?")) {
                var num = $("#configTable tr").size();
                if(num <= 1) {
                    alert("请至少保留一行");
                    return;
                }
                var jTR = $(obj).parent().parent();
                jTR.remove();
            }
        }

function addRow() {
            var JTable = $("#configTable");
            var JTr = $("#configTable tr").eq(0);
            var JTrClone = JTr.clone(true);
            var TD = JTrClone.find("td:eq(5)");
            var SELECT = TD.find("select[name='enumValue']");
            var INPUT = TD.find("input:eq(0)");
            SELECT.empty().append($("<option>枚举值</option>"));
            INPUT.val("text");
            TD.hide();
            var JInput = JTrClone.find("input:eq(0)");
            var JSelect = JTrClone.find("select:eq(0)");
            for(var i=0;i<JInput.length;i++) {
                JInput.val("");
            }
            JSelect.get(0).options[0].selected = true;
            JTrClone.appendTo(JTable);
        }

<table id="configTable" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="right" >属性名</td>
                    <td align="left" >
                        <ui:textfield name="propertyKey"/>
                    </td>
                    <td align="right" >属性类型</td>
                    <td align="left" >
                        <select onchange="enumConfig(this);" name="selectValue">
                            <option value="text">文本类型</option>
                            <option value="date">日期类型</option>
                            <option value="enum">枚举类型</option>
                        </select>
                    </td>
                    <td align="center" >
                        <button type="button" class="stk-button stk-button-st-3"  class="stk-button-icon ui-icon-circle-close"></span><span></span></button>
                    </td>
                    <td >
                        <input type="hidden" name="propertyType" value="text"/>
                        <input type="hidden" name="propertyValue" />
                        <select onkeydown="enumDown(event,this);" onkeypress="enumPress(event,this);" name="enumValue">
                            <option>枚举值</option>
                        </select>
                    </td>
                </tr>
            </table>

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消