如何从 Javascript 获取 optgroup 值?

新手上路,请多包涵
 <html>
<body>

<select name="lstparameters">
  <optgroup value="100" label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup value="101" label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

</body>
</html>

如何从 javascript 获取 optgroup 值?我想获取 100 和 101 值。

原文由 Prinu Philip 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 555
1 个回答

您可以获得 optgroup 元素并读取 value 属性

 var values = Array.from(document.querySelectorAll('select[name="lstparameters"] > optgroup')).map(el => el.getAttribute('value'));

alert(values);

//if you want old browser support
var values = [].slice.call(document.querySelectorAll('select[name="lstparameters"] > optgroup')).map(function(el) {
  return el.getAttribute('value')
});
alert(values);
 <select name="lstparameters">
  <optgroup value="100" label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup value="101" label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

原文由 Arun P Johny 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题