在 jquery 中切换 optgroup 元素

Question

有什么方法可以将 <optgroup> 切换为 jQuery 或 JavaScript 吗？

我试图用具有属性 "disabled" 的普通 <option> 标签更改 <optgroup> 并附加一个 onclick 事件，但是当我点击关闭 select 第一次开箱子。

Answer 1

当然可以。我们只需要获取所有 <option>，将它们附加到 <select>，然后删除所有 <optgroup.

---

HTML

<select id="myselect">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

---

JQUERY

var select = $('#myselect');
select.find('option').each(function(){
  select.append( this.outerHTML );
})

select.find('optgroup').remove();

---

JSFIDDLE

https://jsfiddle.net/ehf1oh8w/