代码之家 › 专栏 › 技术社区 › bryanforst

从物化选择选项获取数据图标值

materialize dropdown select image

bryanforst · 技术社区 · 6 年前

我有一个简单的基于图标的下拉列表,使用了如下的物化:

<select id="eventopponent" onchange="enableWager(value);" class="icons " >
  <option value="" selected disabled >Select a friend</option>
  <option value="" data-icon="img/no-user.jpg" class="left">Invite New Friend</option>
  <option value="" data-icon="img/david.jpg" class="left">David X.</option>
</select>

在onchange事件中,我想获取所选选项的数据图标。我知道如何找到选定的选项,但检索数据图标值对我来说并不清楚。

1 回复 | 直到 6 年前

Dennis 6 年前

只是在纯javascript中,您可以这样做

function enableWager(obj) {
  var icon = obj.options[obj.selectedIndex].getAttribute('data-icon');
  alert(icon);
}

<select id="eventopponent" onchange="enableWager(this);" class="icons " >
  <option value="" selected disabled >Select a friend</option>
  <option value="" data-icon="img/no-user.jpg" class="left">Invite New Friend</option>
  <option value="" data-icon="img/david.jpg" class="left">David X.</option>
</select>

推荐文章

MagicMatt · 由于值(…)中的“SELECT*”,MySQL触发器的插入导致基数冲突

2 年前

ugsgknt · Mysql从具有两个id列的同一个表中获取结果

2 年前

Adriaan · 已选择多个大小写的条件格式

6 年前

Ross · MySQL嵌套选择与联接表

6 年前

Nol · Mysql从数据库中选择位置后的更多项目

6 年前

Opu · 如何更改基于第一个选项选择的第二个下拉列表和基于第二个选项选择的第三个下拉列表

6 年前

Noones · 同一公司的SQL地址表需要最新联系人

6 年前

spice · 将多个元素绑定到同一个函数jQuery

6 年前

Fyp16 · 查询不喜欢sql

6 年前

CalcGuy · MySQL,Insert语句,值为select语句

6 年前