Question

I need options’ value list in an array or JSON.
I have used following code.

var compArray=[];
jQuery("#myCombo option").each(function(){
       compArray.push(jQuery(this).val());
       });

But i dont want to iterate the options in a loop because my options list can grow.
I have used as

JSON.stringify(document.getElementById("myCombo").options)

But on stringify it shows empty JSON objects, though I can get value from

document.getElementById("myCombo").options[0].value

I have to pass these value in request parameter to server and I do not want to go through the looping.
Please suggest the optimized solution.

Answer 1

You can use custom serializer like this:

var options = Array.prototype.slice.call(document.getElementById("sel").options),
    str = JSON.stringify(options, function(key, value){
       if(key === ""){
           return value;   
       }
       if(!isNaN(parseInt(key))) {
          return value.value;   
       }
    };

http://jsfiddle.net/Vh9qD/

Or use iteration without creating jQuery instance for every option

var options = Array.prototype.slice.call(document.getElementById("sel").options),
    str = JSON.stringify(options.map(function(item){return item.value;}));

Check this perf test: http://jsperf.com/get-options