js一对多,添加属性

<tr>
            <td height="24" class="bline">
                <table width="900" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="12%">
                            交易品种:
                        </td>
                        <td width="88%">
                            <input name="selectVariety" id="selectVariety" type="text" style="width:150px"
                                   placeholder="输入品种名称进行添加"/>
                            <input name="selectVarietys" id="selectVarietys"
                                   value="${exchange?if_exists.selectVarietys?if_exists}" type="hidden"
                                   style="width:150px"/>
                        <#if reflist?exists &&  reflist?size > 0>
                            <#list reflist as pr>
                                <a href="javascript:deleteVariety('${(pr.exchangeVarietyId)!}');" class="xiaomai"
                                   id="xiaomai${(pr.exchangeVarietyId)!}"><i></i>${(pr.varietyName)!}</a>
                            </#list>
                        </#if>

                            <span id="spefilelast"></span>

                        </td>
                    </tr>
                </table>
            </td>
        </tr>

$(function () {
        $("#selectVariety").autocomplete("${contextPath}/back/xianhuo/exchangeVariety/getVarietys.htm", {
            minChars: 1,
            max: 20,
            matchContains: true,
            autoFill: false,
            matchSubset: false,
            dataType: 'json',
            extraParams: {
                name: function () {
                    return $("#selectVariety").val();
                }
            },
            parse: function (json) {
                data = json.data;
                return $.map(eval(data), function (row) {
                    return {
                        data: row,
                        value: row.id,
                        result: row.name
                    }
                });
            },
            formatItem: function (data, i, n) {
                return "<table width='100%' bgcolor='#CCE58B' ><tr ><td  align='left' width='20%'>" + data.id + "</td><td align='left' >" + data.name + " </td></tr></table>";
            },
            formatResult: function (data, value) {
                return data.name;
            }
        }).result(function (event, data, formatted) { //回调
            var old = $('#selectVarietys').val();
            //第一位判断不加前逗号
            if (old.indexOf(data.id.toString() + ",") == 0) {
                alert('该品种已存在!');
                return;
            }
            //其他位置的加两个逗号
            if (old.indexOf("," + data.id.toString() + ",") > -1) {
                alert('该品种已存在!');
                return;
            }
            $('#selectVarietys').val(old + data.id + ",");
            var newVariety = '<a href="javascript:deleteVariety(' + data.id + ');" class="xiaomai" id="xiaomai' + data.id + '"><i></i>' + data.name + '</a>';
            $("#spefilelast").before(newVariety);

        });
    });


    function deleteVariety(id) {
        var old = $('#selectVarietys').val();
        old = old.replace(id + ",", "")
        $('#selectVarietys').val(old);
        $('#xiaomai' + id).remove();

    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值