前端 js 单引号,双引号、斜杠, 表格 tr input、checkbox、、、、

直接上代码

   var target = (leftOrRight == LEFT ? $("#left") : $("#right"));
    target.empty();
    // let tbody = $("resultRight tbody");
    // tbody.empty();
    for (var i = 0; i < items.length; i++) {
        debugger
        // target.append("<option value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</option>");
        // tbody.append("<tr><input name=\"ship\" property=\"FLAG\" type=\"checkbox\"> <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input> <input style=\"width: 40px;height: 18px;\"></tr>");
        target.append("<input name=\"ship\" property=\"FLAG\" type=\"checkbox\"> <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input> <input style=\"width: 40px;height: 18px;\"><br/>");
    }

效果
在这里插入图片描述

     target.append("<input name=\"ship\" checked type=\"checkbox\"> 
     <input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + 
     items[i].LOCATION_CODE + "</input> 
     <input style=\"width: 40px;height: 18px;\"><br/>");

	//默认checkbox选中状态
   <input name=\"ship\" checked type=\"checkbox\"> 

上面展示的不是table表格的方式,下面展示一种表格的方式

        <div class="selectDiv">
                            <%--下拉框 option--%>
                            <%--<select id="right" multiple="multiple" size="30"></select>--%>

                                <%--table方式--%>
                                <div id="right">
                                    <table id="resultRight">
                                        <tbody></tbody>
                                    </table>
                                </div>
                        </div>

js

function populateRight(leftOrRight, selectedItems) {
    var items = (leftOrRight == LEFT ? leftItems : rightItems);
    if (leftOrRight == LEFT) {
        items.sort(function (a, b) {
            return (a.LOCATION_CODE < b.LOCATION_CODE ? -1 : 1);
        });
    }
    let tbody = $("#resultRight tbody");
    tbody.empty();
    for (var i = 0; i < items.length; i++) {
     //table方式
        tbody.append("<tr><td><input name=\"ship\" checked type=\"checkbox\"></td> <td><input type='hidden' value='" + items[i].SHIP_TO_LOC_ID + "'>" + items[i].LOCATION_CODE + "</input></td> <td><input style=\"width: 40px;height: 18px;\"></td></tr>");
    }

}

需要注意每一个input输入框,要用一个td包裹,table才能展示数据。
效果
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值