javascript - 从 HTML 字符串中获取 JSON 对象

Question

htmlStr = "<option value='1'>Hello</option><option value='2'>Goodbye</option>

如何把上面的html字符串变成：

list_Array = [{value: "1", text: "Hello"},{value: "2", text: "Goodbye"}]

标签： javascriptselectize.js

Answer 1

创建一个<select>元素以将 html 插入然后迭代该元素的options集合并映射到新数组

const htmlStr = "<option value='1'>Hello</option><option value='2'>Goodbye</option>";

const sel = document.createElement('select');
sel.innerHTML = htmlStr;

const list_Array = Array.from(sel.options).map(function(opt){
  return {value: opt.value, text: opt.text};
})

console.log(list_Array)