如何將jquery變量分配給json對象值

Question

在此代碼中，當我將courseid分配給defaultValue => defaultValue: courseid並與defaultValue: batchid同時，但它在我的數據庫中采用null值

$(document).ready(function() {
    var courseid = null;
    var batchid = null;

    $(document).ready(function() {
        $('#batch').change(function(event) {
            courseid = $("select#course").val();      
            batchid = $("select#batch").val();
            alert(courseid + "  " + batchid);
        });
    });

    $('#SubjectTableContainer').jtable({
        title : 'Students List',
        actions : {
            listAction : 'subjectList',
            deleteAction: 'deleteSubject',
            updateAction: 'updateSubject',
            createAction: 'createSubject'
        },
        fields : {
            course_Id : {
                type: 'hidden',
                defaultValue: courseid      
            },
            batch_Id : {
                type: 'hidden',
                defaultValue: batchid
            },

Answer 1

您僅在更改時分配變量，因此初始值為null ，您需要首先獲取初始值，然后調用jtable。

$(document).ready(function() {
    var courseid = null;
    var batchid = null;

    $('#batch').change(function(event) {
        courseid = $("select#course").val();      
        batchid = $("select#batch").val();
        alert(courseid + "  " + batchid);

    $('#SubjectTableContainer').jtable({
        title : 'Students List',
        actions : {
            listAction : 'subjectList',
            deleteAction: 'deleteSubject',
            updateAction: 'updateSubject',
            createAction: 'createSubject'
        },
        fields : {
            course_Id : {
                type: 'hidden',
                defaultValue: courseid      
            },
            batch_Id : {
                type: 'hidden',
                defaultValue: batchid
            },
            ...
    });

更新的代碼

<script type="text/javascript">
$(document).ready(function() {
var courseid;
var batchid;
    $('#batch').change(function(event) {
        courseid = $("select#course").val();      
        batchid = $("select#batch").val();   
    $('#SubjectTableContainer').jtable({
        title : 'Students List',
         actions : {
            listAction : 'subjectList',
            deleteAction: 'deleteSubject',
            updateAction: 'updateSubject',
            createAction: 'createSubject'
        },
        fields : {
            course_Id : {
             type: 'hidden',
             defaultValue: courseid     
            },
            batch_Id : {
                 type: 'hidden',
                 defaultValue: batchid
                },
            subjectId : {
                title : 'Subject Id',
                width : '40%',
                key : true,
                list : true,
                create : true
            },
            subjectName : {
                title : 'Subject Name',
                width : '40%',
                edit : true
            },
            maxClasses : {
                title : 'Maximum weekly classes',
                width : '40%',
                edit : true
            }
        },
         //Initialize validation logic when a form is created
        formCreated: function (event, data) {
                             `enter code heredata.form.find('input[name="subjectId"]').addClass('validate[required]');
            `enter code here`data.form.find('input[name="subjectName"]').addClass('validate[required]');
            data.form.validationEngine();
        },
        //Validate form when it is being submitted
        formSubmitting: function (event, data) {
            return data.form.validationEngine('validate');
        },
        //Dispose validation logic when form is closed
        formClosed: function (event, data) {
            data.form.validationEngine('hide');
            data.form.validationEngine('detach');
        }
  }); 
    $('#SubjectTableContainer').jtable('load')   

});     
  });