change drop down list values when checkbox is checked in jquery asp.net mvc

Question

this is my code to change the drop down list values when the checkbox is checked. I use asp.net mvc framework and java script to call the action. The list of the drop-down should show only the expired medicines when the checkbox is checked. But, it results in (Error: [object:object]). It didn't hit the controller action 'getmedicine'. Can anyone help me?

function GetMedicineList(_isExp) {

    var url = "getmedicine";

    $.ajax({
        url: url,
        data: { IsExp: _isExp },
        cache: false,
        type: "GET",
        dataType: "json",
        success: function (data) {
            var markup = "<option value='0'>Please Select Expired Medicine</option>";
            for (var x = 0; x < data.length; x++) {
                markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
            }
            $("#clientId").html(markup).show();
        },
        error: function (reponse) {
            alert("error : " + reponse);
        }
    });

}

and in the view,

@Html.CheckBoxFor(m => m.IsExp, new { Id = "isExp",  @onchange = "GetMedicineList(this.value);" })

If it didn't hit the controller action, you probably call wrong url. In your example you basically call yourdomain.com/getmedicine. Is it correct? — Tacud
– Tacud, Commented Mar 27, 2017 at 8:28
Check the network tab in your browsers development console and see why the Http request failed. — Marco
– Marco, Commented Mar 27, 2017 at 8:34
you could use url = 'URL.Action("ActionName", "ControllerName")' instead of writing the url like url = "GetMedicine". It would generate the url to the action properly. — Prashanth Benny
– Prashanth Benny, Commented Mar 27, 2017 at 8:54

Tharani Gnanasegaram · Accepted Answer · 2017-03-28 04:42:41Z

I solved the problem. One error is the action that I use to trigger is not an action result. It is a list. I changed it. I also I have did some changes in js. It works properly now.

var GetMedicine= function () {
var url = UrlMedicine.GetMedicineChecked;

var isExp = $('#isExp').val();
        var url = url + '?isExp=' + isExp;
        $.get(url, null, function (data) {
            {
                var markup = "<option value='0'>Please Select Expird medicine</option>";
                for (var x = 0; x < data.length; x++) {
                    markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
                }
                $("#medicineId").html(markup).show();
            }

        });
}

var GetMedicineList = function () {
    if ($('#isExp').is(":checked")) {
        userMedicineHistory.GetMedicine();
    }
}
return {
    GetMedicineList: GetMedicineList,
    GetMedicine: GetMedicine
};
$(document).ready(function () {
$("#isExp").change(userMedicineHistory.GetMedicineList)
});

Collectives™ on Stack Overflow

change drop down list values when checkbox is checked in jquery asp.net mvc

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related