layui select获取自定义属性方法

长沙网络推广今日带来一篇关于layui中select获取自定义属性的方法分享，希望对大家有所帮助。这篇文章非常有参考价值，让我们跟随长沙网络推广的步伐，一起一下。

在layui中，我们可以通过为select元素添加自定义属性title来扩展其功能。这些自定义属性可以存储一些额外的信息，比如商品的价格或者其他相关信息。下面是一个简单的示例代码：

```html

请选择属性

雪碧

芬达

冰糖雪梨

金贝

```

在这个例子中，我们为每个option元素添加了title属性，这些属性可以用来存储一些额外的信息，比如价格。接下来，我们可以通过JavaScript来监听select元素的变化，并获取选中的值以及对应的自定义属性title。下面是相关的JavaScript代码：

```javascript

form.on('select(sadaS)', function(data){

console.log(data.elem); //得到select原始DOM对象

console.log(data.value); //得到被选中的值

console.log(data.elem[data.elem.selectedIndex].text); //获取选中的文本

console.log(data.elem[data.elem.selectedIndex].title); //获取选中的自定义属性title

});

```

我们还可以使用getAttribute方法来获取自定义属性data-aid的值。下面是修改后的JavaScript代码：

```javascript

form.on('select(sadaS)', function(data){

console.log(data.elem.getAttribute('data-aid')); //得到select原始DOM对象的自定义属性data-aid的值

console.log(data.value); //得到被选中的值

console.log(data.elem[data.elem.selectedIndex].text); //获取选中的文本

console.log(data.elem[data.elem.selectedIndex].title); //获取选中的自定义属性title

});

```

以上就是长沙网络推广为大家分享的layui中select获取自定义属性的方法。希望这篇文章能给大家带来帮助，也希望大家能多多支持狼蚁SEO。如果你还有其他问题或者需要进一步的帮助，请随时联系我们。我们会尽力为你提供最好的服务和支持。也希望大家能继续关注我们的后续分享，让我们共同学习进步。