使用getJSON接收的数据进行Bootstrap Multiselect检查选项

时间:2018-08-05 15:19:30

标签: jquery getjson bootstrap-multiselect

关于问题,我已经在线研究了所有可能的选择。

如果我遇到的问题,让我给您一些背景知识:我正在使用简单的下拉列表,并且一切正常,现在根据我的要求,我切换到引导多选下拉列表。我有一个下拉列表,其中包含主题列表。我正在使用getJSON函数通过json文件调用特定老师的记录。我希望在“主题多选”下拉框中选择主题,但目前还没有。

这是我尝试过的代码:

  1. 我的html文件

    <div class="control-group">
    <label class="control-label" for="SubjectEdit">
        Subject
    </label>
     <div class="controls">
        <select id='SubjectEdit' name='SubjectEdit' class="multiselect-subject form-control" multiple="multiple">
            <option value="01">ENGLISH</option>
            <option value="02">MARATHI</option>
            <option value="03">GUJARATI</option>
            <option value="04">HINDI</option>
            <option value="13">FRENCH</option>
            <option value="33">SANSKRIT</option>
            <option value="97">IT</option>
            <option value="54">PHYSICS</option>
            <option value="55">CHEMISTRY</option>
            <option value="40">MATHEMATICS</option>
            <option value="56">BIOLOGY</option>
            <option value="A1">ELECTRICAL MAINTENANCE</option>
            <option value="A2">MECHANICAL MAINTENANCE</option>
            <option value="C2">ELECTRONICS</option>
            <option value="D9">COMPUTER SCIENCE</option>
            <option value="30">PHY EDU</option>
            <option value="31">EVS</option>
            <option value="39">GEOGRAPHY</option>
            <option value="48">PSYCHOLOGY</option>
            <option value="49">ECONOMICS</option>
        </select>
    </div>
    

  2. 我的JQuery代码

    $('#getEmployeeDataEdit').click(function(){
        if($('#CodeNoEdit').val() == "") {
                alert("PLEASE ENTER EMPLOYEE CODE NO.");
                $('#CodeNoEdit').focus();
            } else {
            CodeNo = $('#CodeNoEdit').val();
            $.getJSON("EmployeeDetails/checkUserExists.php", {CodeNo: CodeNo}, function(data){
                count = data['count'];
                if(count == 0) {
                    alert("EMPLOYEE CODE NO. DOES NOT EXISTS!!!");
                    $('#CodeNoEdit').val('');
                    $('#CodeNoEdit').focus();
                }
                else if(count == 1) {
                    $.getJSON("EmployeeDetails/getUserData.php", {CodeNo: CodeNo}, function(data){
                        $('#CodeNoEdit').val(CodeNo);
                        $('#EmailEdit').val(data['userEmail']);
                        $('#TypeEdit').val(data['userType']);
                        $('#SubjectEdit').val(data['subject']);
                        $('#StandardEdit').val(data['standard']);
                        $('#DivisionEdit').val(data['division']);
                    });
                }//ELSE CLOSE
            });
        }//else close
    });//getEmployeeRecords Close
    

您可以在JQuery代码中看到名为getUserData.php的代码,该代码返回给定CodeNo的详细信息。表单上的所有控件都已填充,包括我为userType包含的普通选择框,但multiselect控件未填充主题值。

在某些情况下,也可能有一位老师可以教授物理和数学等多个科目,在这种情况下,必须同时选择两个科目以及未选中的科目,以便将来我们可以根据需要更新这些科目

我该怎么做??? 请帮忙!!!

这是我上网的一个样本。很简单,我希望使用getJSON进行相同的操作。 http://jsfiddle.net/akhyp/3155/

我正在尝试此操作,如果有人找到我问题的解决方案,请回复。

0 个答案:

没有答案