Breaking News: Grepper is joining You.com. Read the official announcement!

ajax:drop-down remove an d add select option

Mahmoud Nasr answered on April 14, 2022 Popularity 3/10 Helpfulness 1/10

answer ajax:drop-down remove an d add select option

ajax:drop-down remove an d add select option

Comment

        <div class="col-xl-2">
                        <label>Family</label>
                        <select name="FamilyID" onchange="getBrandByfamilyId(this.value)" style="width :100%" asp-items="@ViewBag.Families" class="form-control form-control-user">
                            <option value="-1">Please select one</option>
                        </select>
                    </div>
                    <div class="col-xl-2">
                        <label>Brand</label>
                        <select name="BrandID" id="VehicleBrandID" style="width :100%"  class="form-control form-control-user">
                            <option value="-1">Please select one</option>
                        </select>
                    </div>
   
   
     function getBrandByfamilyId(val) {           
            $("#VehicleBrandID").empty();
            var select = document.getElementById('VehicleBrandID');
            var opt = document.createElement('option');
            opt.value = -1;
            opt.innerHTML = "Please select one";
            select.appendChild(opt);
            select.disabled = true;
            if (val > 0) {
                $.ajax({
                    type: "Post",
                    url: "/Vehicle/getBrandByfamilyId",
                    data: { "FamilyId": val },
                    success: function (response) {
                     
                        if (response.status == 1) {
                            
                            $.each(response.object, (i, e) => {
                                var opt = document.createElement('option');
                                opt.value = e.value;
                                opt.innerHTML = e.text;
                                select.appendChild(opt);
                            });
                            select.disabled = false;

                        } else {
                            throwException(response.object);
                        }
                    },
                    failure: function (response) {
                        throwException(response)
                    },
                    error: function (response) {
                        throwException(response)
                    }
                })
            } 
           
        }

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: add d javascript select

Link to this answer
Share Copy Link

Contributed on Apr 14 2022

Mahmoud Nasr

0 Answers Avg Quality 2/10

ajax:drop-down remove an d add select option

Contents

More Related Answers

ajax:drop-down remove an d add select option

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.