javascript - 从选择框中获取所选选项 html

Question

我有一个选择下拉菜单。我想获取所选选项的 html

<select id="filter" multiple="multiple">
     <option>Yes</option>
     <option>No</option>
</select>

例如，如果我选择"is"和“否”，我希望输出为

<option>Yes</option>
<option>No</option>

Answer 1

可以使用 ECMAScript 非常轻松地完成。

let select = document.getElementById('filter');

select.addEventListener('change', event => {
  let checkedOption = [...event.target.children].find(c => c.selected);
  console.log(checkedOption.outerHTML);
});

<select id="filter" multiple="multiple">
     <option>Yes</option>
     <option>No</option>
</select>