如何获得下拉值

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);

});

<强> Working JSFiddle Here.

---

$(".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);
};