javascript - 如何将所选列表转换为 JavaScript 中的自定义列表？

Question

我在 html 上有两个选择框。根据所选项目，我需要将所选项目转换为列表像这样:

c("item1", "item2", "item3")

jsfiddle example

$("#submitbutton").on("click", function(){


var jsonData=JSON.parse(    "[{\"id\":1,\"desc\":\"Date\"},{\"id\":2,\"desc\":\"CPU\"}]"
);

var $select = $('#yaxis');
                      $(jsonData).each(function (index, o) {    
                      var $option = $("<option/>").attr("value", o.desc).text(o.desc);
                      $select.append($option);
                    });

                   var $select1 = $('#xaxis');
                      $(jsonData).each(function (index, o) {    
                      var $option1 = $("<option/>").attr("value", o.desc).text(o.desc);
                      $select1.append($option1);
                    });   
})

$("#selectitems").on("click", function(){
     var names=$("#xaxis").val();
      var names1=$("#yaxis").val();
      var param=names+","+names1;
    console.log(param);
})

submitbutton 构建选定的框，selectitem 需要返回选定的项目。例如，在 jsfiddle 示例中，如果我选择 CPU 和 Date，我的参数列表应如下所示:

console.log(param)
c("CPU","Date")

我尝试过这样的事情:

$("#selectitems").on("click", function(){
     var names=$("#xaxis").val();
      var names1=$("#yaxis").val();
      var param=names+","+names1;
    param="c("+param+")";
    param=param.split(",");
    console.log(param);

})

console.log(param)，显示如下:

["c(DateTime", "CPU)"] 

我需要参数输出如下:

c("DateTime", "CPU")

已更新update jsfiddle example

Answer 1

我认为您希望您的点击处理程序更像这样:

$("#selectitems").on("click", function(){
   var values = [];
   $("#xaxis option:selected, #yaxis option:selected").each(function() {
     values.push('"' + $(this).text() + '"');
   });
   param="c(" + values.join(",") + ")";
   console.log(param);
})

updated jsfiddle