如何获得下拉值

Question

<select class="dd01" onchange="dd01change()">
<option value="323">323</option>
<option value="525">525</option>
<option value="727">727</option>
</select>

JS

function dd01change() {
    var a = $(this).val();
    alert (a);
};

不行。 在控制台我得到：

未捕获的TypeError：无法读取未定义的属性'toLowerCase'

Answer 1

更简单的方法是使用每次触发更改事件时执行的.change()函数。

$(".dd01").change(function () {

    alert(this.value);

});

在这里工作JSFiddle。

---

 $(".dd01").change(function() { alert(this.value); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <select class="dd01" onchange="dd01change()"> <option value="323">323</option> <option value="525">525</option> <option value="727">727</option> </select> 

Answer 2

你可以这样做：

<select class="dd01" onchange="dd01change(this)">
<option value="323">323</option>
<option value="525">525</option>
<option value="727">727</option>
</select>

function dd01change(el) {
    var a = $(el).val();
    alert (a);
};