Fill DropDownList with jquery and json ASP.Net MVC

Question

I have this code in my view :

<script>
    var isChanged = false;
    $(function () {
        $('#stageOne').change(function () {
                $.ajax({
                    url: "/Shop/ChangeStageTwo/",
                    data: { item: $("#stageOne option:selected").text() },
                    type: 'post',
                    success: function (myJSONdata) {
                        $("#stageTwo").html("");      
                        var items = myJSONdata;
                        for (var i = 0; i < items.length; i++) {
                            var item = items[i];
                            var optionhtml = '<option value="' + item.text + '">' + items[i] + '</option>';
                            $("#stageTwo").append(optionhtml);
                        }
                 }
            });

        });
    });
</script>

And this is my ChangeStageTwo function :

    public JsonResult ChangeStageTwo(string item)
    {
        // Do something...          

        var query = from f in db.Stages
                    where f.Code.Contains(tempDelivCod) && f.Code.Length > 4
                    select f.Name;
        var sItems = new SelectList(query);
        return Json(sItems, JsonRequestBehavior.AllowGet); 
    }

But at run time I get [object Object] in my DropDownList, not the exact value. what is the problem?

Json data is a string list like this "aa","bb",... now iget undefined error! — Angelina
– Angelina, Commented Apr 6, 2013 at 19:02

JoDev · Accepted Answer · 2013-04-08 07:27:31Z

1

I think this function will works :

var items = myJSONdata;//somethink like ["aa", "bb"]...
$(items).each(function(index, optionText) {
    $("#stageTwo").append($('<option />').attr('value', optionText).text(optionText));
});

answered Apr 8, 2013 at 7:27

JoDev

6,9231 gold badge25 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

D'Arcy Rittich · Accepted Answer · 2013-04-06 13:44:05Z

0

This line:

var optionhtml = '<option value="' + item.text + '">' + items[i] + '</option>';

should be something like:

var optionhtml = '<option value="' + item.text + '">' + item.text + '</option>';

or

var optionhtml = '<option value="' + item.id + '">' + item.text + '</option>';

If you provide your JSON output, I can be more specific.

answered Apr 6, 2013 at 13:44

D'Arcy Rittich

172k41 gold badges298 silver badges287 bronze badges

Collectives™ on Stack Overflow

Fill DropDownList with jquery and json ASP.Net MVC

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related