如何获取下拉值

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

你可以这样做：

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

Answer 2

更简单的方法是使用每次触发更改事件时执行的 .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>

如何获取下拉值

How to get dropdown value

javascript

jquery

select