html-如何在下拉列表中获取选项标记的自定义属性？

作者

如果我有此代码：

&lt；选择onchange=“alert（‘？’）；“name=“myname”class=“myclass”&gt；
&lt；选项isred=“-1”value=“hi”&gt；单击&lt/选项&gt；
&lt/选择&gt；

如何从自定义属性isred中获取值’-1’？
我不想使用value属性。
我不想通过名称或id来定位选项标记

我想要类似于onchange=“alert（this.getselectedoptionID.getAttribute（'isred'）；”

有人能帮忙吗

另外，我不想使用jquery

您需要弄清楚selectedIndex是什么，然后从options[]数组中获取属性

&lt；选择onchange=“警报（this.options[this.selectedIndex].getAttribute（'isred'）；“name=“myname”class=“myclass”&gt；
&lt；选项isred=“-1”value=“hi”&gt；单击&lt/选项&gt；
&lt；选项isred=“-5”value=“hi”&gt；单击&lt/选项&gt；
&lt/选择&gt；​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jsiddle演示

作为旁注：

不要在HTML中使用内联javascript。您希望将业务逻辑与UI分离。创建javascript事件处理程序来处理此问题。（jQuery/Angular/etc）

相关文章：

  1. 如何使图元水平居中
  2. 使用CSS更改HTML5输入的占位符颜色
  3. 为什么HTML认为“chucknorris”是一种颜色？
  4. 在CSS中设置单元格填充和单元格间距？

发表评论