jQuery— Populate select from json

Question

I have a map in my java sevlet and converting it to a json format that works right.

When I do this function below it creates a drop down, but it puts every character

Answer 1

I just used the javascript console in Chrome to do this. I replaced some of your stuff with placeholders.

var temp= ['one', 'two', 'three']; //'${temp}';
//alert(options);
var $select = $(''); //$('#down');                        
$select.find('option').remove();                          
$.each(temp, function(key, value) {              
    $('').val(key).text(value).appendTo($select);
});
console.log($select.html());


Output:


  
onetwothree



However it looks like your json is probably actually a string because the following will end up doing what you describe.  So make your JSON actual JSON not a string.

var temp= "['one', 'two', 'three']"; //'${temp}';
//alert(options);
var $select = $(''); //$('#down');                        
$select.find('option').remove();                          
$.each(temp, function(key, value) {              
    $('').val(key).text(value).appendTo($select);
});
console.log($select.html());