如何使用jQuery將多個值添加到使用逗號分隔的輸入框

Question

這是我的代碼：

$("#fillMemberTable").click(function(e) {
    var tableBody = new Array();

    // add object
    tableBody = "<tr id='tr" + result.id + "'>"
            + "<td>" + result.code + "</td> "
            + "<td>" + result.name + " </td>"
            + "<td>" + result.family + " </td>"
            + "<td>" + result.fatherName + "</td>"
            + "<td>" + result.nationalCode + "</td>"
            + "<td>" + result.defaultUserContact_mobileNo + "</td>"
            + "<td>" + result.valid + "</td>"
            + "<td><input type='button'  id='" + result.id + "' value='<spring:message code="form.btnDelete"/>'></td></tr>";

    //add to the table
    $("#membersTable").append(tableBody);
    //$("#members").val(result.id);

    e.preventDefault();

    var elem = $(this).parent().find('input[name=members\\[\\]]');
    elem.val(elem.val() + ',');
    //            $("#members").val(elem);

    $("#members").val(elem.toString());
    // The remove button click
    $("#" + result.id).click(function() {
        var buttonId = $(this).attr("id");
        //write the logic for removing from the array
        $("#tr" + buttonId).remove();
        $("#members").val('');
    });
});

和HTML代碼：

<div class="form-group">
    <label class="col-sm-3 control-label"><spring:message code="core.Specifications" />: </label>
    <div class="col-sm-8">
        <label  id="lblMemberSpecifications"></label>
    </div>
    <div>
        <input type="button" id="fillMemberTable"  class="btn btn-default" value="<spring:message code="core.Submit" />" />
    </div>
</div>   
<div class="form-group">               
    <input type="text" id="members" name="core[members]" />
</div> 

<div class="form-group">
    <div >
        <table id="membersTable" class="table table-bordered" style=" width: auto;  margin-left: auto; margin-right: auto;">
            <thead>
                <tr>
                    <th style="width: 100px; text-align: center"><spring:message code="core.MemberCode" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.MemberFname" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.MemberLname" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.memberFatherName" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.MemberNationalcode" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.cellPhone" /></th>
                    <th style="width: 100px; text-align: center"><spring:message code="core.userStatus" /></th>
                    <th style="width: 100px;" ></th>
                </tr>
            </thead>
        </table>
    </div>  
</div>

我想要獲取結果值並在輸入框va中將此值設置為逗號，但是代碼無法正常工作。

謝謝。

Answer 1

這可以使用數組來完成。 並可以從桌子上連續取出

此代碼有效：

var memberArray = []; $（“＃fillMemberTable”）。click（function（e）{

        if ($("#h_id").val() == result[0])
        {
            showAlertModal('<spring:message code="NoDelete"/>', false);
            return false;
        }
        if (!$("tr#member" + result[0]).length)
        {
            // add object
            valid = (result[8]) ? '<i class="fa fa-check"></i>' : '<i    class="fa fa-times"></i>';
            var tableBody = "<tr id='member" + result[0] + "'>"
                    + "<td>" + ((result[1] !== null) ? result[1] : "-") + "</td> "
                    + "<td>" + ((result[2] !== null) ? result[2] : "-") + " </td>"
                    + "<td>" + ((result[3] !== null) ? result[3] : "-") + " </td>"
                    + "<td>" + ((result[4] !== null) ? result[4] : "-") + "</td>"
                    + "<td>" + ((result[6] !== null) ? result[6] : "-") + "</td>"
                    + "<td>" + ((result[7] !== null) ? result[7] : "-") + "</td>"
                    + "<td>" + valid + "</td>"
                    + "<td><input type='button' class='btn btn-danger' value='<spring:message code="btnDelete"/>' onclick='removeMember(" + result[0] + ")' ></td></tr>";

            //add to the table

            $("#membersTable").append(tableBody);

            memberArray.push(result[0]);
            $("#members").val(memberArray);
        }
    });

函數removeMember（id）{$（“ tr＃member” + id）.remove（）; var index = memberArray.indexOf（id）; 如果（index> -1）{memberArray.splice（index，1）; $（“＃members”）。val（memberArray）; }}