为javaScript数组对象赋值多个值

时间:2014-03-10 10:15:16

标签: javascript jquery arrays html5

我编写了jQuery小部件,它列出了表中的所有记录标题,用户可以选择多个记录,但每个记录用户需要将值放在文本框中。

现在我想建立jQuery或JavaScript数组,我可以推送记录,每个用户点击添加并删除数据,如果点击删除每个按钮。

我想推“recordId”& “ComponentSchemeMarks”到javaScript数组selectedComponentList

enter image description here

var selectedComponentList = {
    componentIndex: "",
    componentMark:""
};

$(document).ready(function () {
    //click on Confirm Component Scheme 
    $("#ComponentSchemeTable").on("click", ".k-grid-confirm", function () {
        var recordId = $(this).data("id");
        var ComponentSchemeMarks = $("#" + recordId + "_CM").val();

        alert("recordId " + recordId + " ComponentSchemeMarks " + ComponentSchemeMarks);

        //
        $(this).hide();
        $(this).siblings(".k-grid-input").hide();
        $(this).siblings(".k-grid-cancel").hide();
        $(this).siblings(".k-grid-Remove").show();
        //add data to array//
    });

    $("#ComponentSchemeTable").on("click", ".k-grid-Remove", function () {
        $(this).hide();
        $(this).siblings(".k-grid-Add").show();
    });

1 个答案:

答案 0 :(得分:1)

你的selectedComponentList不是数组...我想你想要这样的东西:

var selectedComponentArray = [];

$(document).ready(function () {
    //click on Confirm Component Scheme 
    $("#ComponentSchemeTable").on("click", ".k-grid-confirm", function () {
        var recordId = $(this).data("id");
        var ComponentSchemeMarks = $("#" + recordId + "_CM").val();

        alert("recordId " + recordId + " ComponentSchemeMarks " + ComponentSchemeMarks);

        //
        $(this).hide();
        $(this).siblings(".k-grid-input").hide();
        $(this).siblings(".k-grid-cancel").hide();
        $(this).siblings(".k-grid-Remove").show();

        //add data to array//
        selectedComponentArray.push({ComponentIndex: recordId, ComponentMark: ComponentSchemeMarks});
    });

    $("#ComponentSchemeTable").on("click", ".k-grid-Remove", function () {
        $(this).hide();
        $(this).siblings(".k-grid-Add").show();

        var recordId = $(this).data("id");

        selectedComponentArray = $.grep(selectedComponentArray, function(value) {
            return value.ComponentIndex != recordId;
        });
    });
    ...
}

此外,您应该给出按钮ID并使用它们来绑定点击侦听器......