如何获取选项的属性

Question

我已经使用JS创建了动态下拉列表

var str = `<select onchange="getPrice(this)"><option value="">Select</option>`;
for(var s=0;s<arr.length;s++) {
    str += `<option value="${arr[i].name}" price="${arr[i].price}">${arr[i].name}</option>`;
}
str += '</select>

function getPrice(ele) { 
    console.log(ele.value); //getting the value here
    console.log(ele.price); //getting null here 
}

ele.price给我null

Answer 1

您可以先获取AppModule选项的引用，然后使用selected

getAttribute()

但是，我建议您使用ele.options[ele.selectedIndex].getAttribute('price') 前缀属性

data-*

然后可以使用<option value="${arr[i].name}" data-price="${arr[i].price}">${arr[i].name}</option> 属性。

Element.dataset