javascript - 如何在 onchange 事件期间访问选择框中的数据值

Question

我正在使用带有 javascript onchange 事件的选择框，如下所示，

<select onchange="changeprice(this);" >
    <option value="" selected="">Please select an option</option>
    <option value="17" data-operator="+" data-differ="0.00">2 Tons ( + $0.00 )</option>
    <option value="18" data-operator="-" data-differ="125.00">5 Tons ( - $125.00 )</option>
</select>

我设法毫无问题地调用函数，但在事件期间我希望获取数据属性而不是值，并且我无法让它按预期工作下面是我当前的 JavaScript

<script>
function changeprice($this){

alert("test");//successfully alerted
alert($this.data-differ);//no respond
alert($this.data("operator"));//no respond
alert($this.data("differ"));//no respond

};
</script>

请指教

Answer 1

你可以这样做:

<script>
function changeprice(element){

var op = $(element).find("option:selected").data("operator")
var diff = $(element).find("option:selected").data("differ")

};
</script>