javascript - 选择 html 到 json 转换

Question

我有一个带有 select ui 元素的羊驼表单，我可以在其中选择多个值并保存表单。当我使用 JSON.stringify(val) 保存表单时，生成的表单为 JSON有问题。 JSON 仅具有所选元素的 id。我希望 JSON 包含 id 和值

<select id="alpaca4" multiple="multiple" size="5" name="roles" class="alpaca-control form-control">
<option value="1">one</option>
<option value="2">two</option> 
</select>

生成的json格式为:

{"roles":["1","2"]}

我期望的格式是:

{"roles":["1":"One","2":"Two"]}

Answer 1

Use jQuery#map

var mapped = $('#alpaca4 option').map(function() {
  var obj = {};
  obj[this.value] = this.textContent;
  return obj;
});
console.log(mapped.get());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select id="alpaca4" multiple="multiple" size="5" name="roles" class="alpaca-control form-control">
  <option value="1">one</option>
  <option value="2">two</option>
</select>