第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

JQuery實(shí)現(xiàn)表格行當(dāng)復(fù)制

標(biāo)簽:
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>

點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

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

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消