Bootstrap Selectpicker无法使用C#处理ASP.NET MVC中的下拉更改

我正在对多个选择使用Bootstrap selectpicker,它工作正常。但是,如果我们使用selectpicker类填充此ListBox,则在下拉列表更改时,列表框数据不会刷新(更新)。

请任何人提供一些想法或解决方案,我们如何做到这一点?请检查我下面的代码。

下拉列表(LEVEL1LST)

<select class="form-control" id="LEVEL1LST" name="SelectedLEVEL1">
    <option value="1">Customer</option>
    <option value="2">Employee</option>
    <option value="3">3rd Party/Vendors</option>
    <option value="4">Asset-Facility</option>
    <option value="5">Others</option>
</select>


<div class="input-group" style="border: 1px solid #cccccc; border-radius: 4px;">
    <select class="selectpicker" id="LEVEL2LST" multiple="multiple" name="SelectedLEVEL2"> 
        <option value="3">Parking</option>
        <option value="4">Billing</option>
        <option value="8">Carry Bag</option>
        <option value="9">Safety</option>
        <option value="10">accident</option>
        <option value="11">Expiry stock</option>
        <option value="12">Theft</option>
        <option value="13">Behaviour</option>
        <option value="14">Lost &amp; Found</option>
        <option value="16">Quality </option>
        <option value="17">Hygiene</option>
        <option value="19">Quarrel</option>
        <option value="20">Theft</option>
        <option value="21">Cash Short</option>
        <option value="22">Behaviour</option>
        <option value="23">Integrity</option>
        <option value="24">Sick</option>
        <option value="25">accident</option>
        <option value="26">Family issue</option>
        <option value="27">Service</option>
        <option value="29">Behaviour</option>
        <option value="30">Integrity</option>
        <option value="31">Floor Damage</option>
         <option value="32">Leakage</option>
         <option value="33">Seepage</option>
         <option value="34">Electical</option>
         <option value="36">IT</option>
         <option value="37">Land Lord</option>
         <option value="38">Fire</option>
         <option value="39">cyclone</option>
         <option value="40">Fixture broken</option>
         <option value="41">Unions</option>
         <option value="42">Demands</option>
         <option value="44">Legal</option>
         <option value="45">Political</option>
         <option value="46">Festival Donations</option>
    </select>
</div>

列表框(LEVEL2LST)在下拉列表更改时绑定

现在我想基于DropDownlist的值将更新的数据绑定到此列表框

使用silectpicker的Jquery代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="/Content/js/bootstrap-select.js"></script>
<link href="/Content/css/bootstrap-select.css" rel="stylesheet" />

<script type="text/javascript">

    $(window).on('load',function () {

        $('#LEVEL2LST').selectpicker({
            'selectedText': 'cat'
        });     
    });
</script>



Code for Fetch the data from mvc C# controller and bind listbox based on dropdownchange event

<script type="text/javascript">

    $(document).ready(function () {

        var rootUrl = "http://localhost:57719/";

        $('#LEVEL1LST').change(function () {

            var ID = $('#LEVEL1LST').val();

            $('#LEVEL2LST').empty();

            $.getJSON(rootUrl + 'User/GetLEVEL2List/' + ID,function (data) {
                //var items = '<option>Select a SubCategory</option>';
                var items = '';
                $.each(data,function (i,LEVEL2) {
                    items += "<option value='" + LEVEL2.Value + "'>" + LEVEL2.Text + "</option>";
                });
                $('#LEVEL2LST').html(items);
            });
        });

       
    });

</script>

C#控制器代码

 public List<LEVEL1_MODEL> GetLevel1Lst()
    {
        objbindDDLBAL = new BindDropDownBAL();
        List<LEVEL1_MODEL> objLVL1lst = new List<LEVEL1_MODEL>();
        List<LEVEL1_ENT> objLVL1ENT = objbindDDLBAL.GetLevel1ListBAL(1);
        foreach (var lvl1 in objLVL1ENT)
        {
            LEVEL1_MODEL objlvl1 = new LEVEL1_MODEL();
            objlvl1.L1_ID = lvl1.L1_ID;
            objlvl1.L1_NAME = lvl1.L1_NAME;
            objLVL1lst.Add(objlvl1);
        }

        return objLVL1lst;
    }

表数据供参考

dbo.TBL_LEVEL1

L1_ID   L1_NAME       STATUS
------------------------------
3   3rd Party/Vendors   O
4   Asset-Facility      O
1   Customer            O
2   Employee            O
5   Others              O

dbo.TBL_LEVEL2

L1_ID   L2_ID   L2_NAME STATUS
-------------------------------
1   10  accident        O
1   13  Behaviour       O
1   4   Billing         O
1   8   Carry Bag       O
1   11  Expiry stock    O
1   17  Hygiene         O
1   14  Lost & Found    O
1   3   Parking         O
1   16  Quality         O
1   9   Safety          O
1   12  Theft           O
2   25  accident        O
2   22  Behaviour       O
2   21  Cash Short      O
2   26  Family issue    O
2   23  Integrity       O
2   19  Quarrel         O
2   24  Sick            O
2   20  Theft           O
3   29  Behaviour       O
3   30  Integrity       O
3   27  Service         O
4   39  cyclone         O
4   34  Electical       O
4   38  Fire            O
4   40  Fixture broken  O
4   31  Floor Damage    O
4   36  IT              O
4   37  Land Lord       O
4   32  Leakage         O
4   33  Seepage         O
5   42  Demands         O
5   46  Festival Donations  O
5   44  Legal           O
5   45  Political       O
5   41  Unions          O
jiro867 回答:Bootstrap Selectpicker无法使用C#处理ASP.NET MVC中的下拉更改

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3125799.html

大家都在问