javascript - 如何获取下拉值

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

不起作用。在控制台中我得到:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

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>