Create dropdown menu with JSON response

Question

Ok i am trying to populate combobox with JSON response, something like this...

  [{"uid":"95bf721c-8c24-432e-83e4-7233169f23fa","name":"MARKETING I MARKETING MENAD\u017dMENT","selected":false},{"uid":"ed4293ff-9c89-4052-9fec-852d34c6150d","name":"PRODAJA I MENAD\u017dMENT PRODAJE","selected":false}]

Numbers should be values, Text is a text, and for 3th parametar i have false/true option. If is true value should have attr selected in dropdown menu.

I am thinking creating tag tag

and with j query add options, with some loop. Maybe someone have idea how to do that

Daved · Accepted Answer · 2015-03-13 13:54:08Z

1

var arr = [{"uid":"95bf721c-8c24-432e-83e4-7233169f23fa","name":"MARKETING I MARKETING MENAD\u017dMENT","selected":false},{"uid":"ed4293ff-9c89-4052-9fec-852d34c6150d","name":"PRODAJA I MENAD\u017dMENT PRODAJE","selected":true}];

var sel = $('<select/>');
for (var i = 0;i<arr.length;i++) {
    var obj = arr[i];
    var opt = $('<option/>');
    opt.val(obj.uid).text(obj.name)[0].selected = obj.selected;
    sel.append(opt);
}

Fiddle example: http://jsfiddle.net/xhh4wqv7/

answered Mar 13, 2015 at 13:54

Daved

2,0921 gold badge18 silver badges25 bronze badges

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

7 Comments

Daved Over a year ago

What do you mean if all is false?

Vladimir Stus Over a year ago

in some case i will not have selected value in dropdown menu, in JSON response i will have 3th parametar false for all values

Daved Over a year ago

Oh that's fine then. If you change it to false in the fiddle you will see it defaults to the first one in the select just as a standard select element would with nothing selected.

Vladimir Stus Over a year ago

my mistacke tnx mate!

Daved Over a year ago

Anytime. ;) Happy to help.

|

lem2802 · Accepted Answer · 2015-03-13 13:52:09Z

0

  var tiposItems = "<option value='" + valueSelectOne + "'>" + textSelectOne + "

      $.each(JSONdata, function (i, tipo) {
        tiposItems += "<option value='" + tipo.Value + "'>" + tipo.Text + "</option>";
      });
      $('#yourDDL').html(tiposItems);

answered Mar 13, 2015 at 13:52

lem2802

1,1627 silver badges18 bronze badges

Collectives™ on Stack Overflow

Create dropdown menu with JSON response

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related