将多个选定的值和文本作为数组传递

问题描述

我有一个选择字段，从中可以选择多个数据。现在，我想以键和数组之类的值来访问该值。

let selected_size = $(this).find(":selected").map(function(i,el) {
    var value = $(el).val();
    var text = $(el).text();
}).get();

我想这样访问选择值：

[1=>red,2=>green]

数字将是颜色的实际值。

我试图做：

let selected_size = $(this).find(":selected").map(function(i,el) {
     var value = $(el).val();
     var text = $(el).text();
     return [value=>text]
}).get();

但这似乎不起作用。

解决方法

在JavaScript中，对象通常用于存储键/值对。
这是一个使用JS的Array.prototype.reduce()

的示例

$("select[multiple]").on("input",function() {

  const data = $(this).find(":selected").get().reduce((ob,el) => {
    ob[el.value] = el.textContent;
    return ob
  },{});
  
  console.log(data);

});

<select multiple>
  <option value="1">Red</option>
  <option value="2">Blue</option>
  <option value="3">Green</option>
</select>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>