javascript - jQuery任务，获取一个select html元素的值

Question

我有一个我无法解决的问题......我有这个 jQuery 代码：

v=$('#sede').val();
$('#sede').change(function() {
    console.log('valor de v:'+v);
});

这个html选择：

<select name="se" id="sede" size="1">
  <option value="1">Primer Elemento</option>
  <option value="2">Segundo Elemento</option>
  <option value="3">Tercer Elemento</option>
  <option value="4">Cuarto Elemento</option>
</select>

问题是变量 v 仅在我单击选择时显示第一个项目值，无论第二个、第三个或任何项目...

Answer 1

您应该获得<select>on change 事件的值：

var v;
$("#sede").change(function() {
    v = this.value;
    console.log("valor de v:" + v);
});

Answer 2

那是因为您需要在更改v后重置 的值select。像这样：

var v;
$('#sede').change(function() {
  v = $('#sede').val();
  console.log('valor de v:'+v);
});

出于演示目的，请参阅带有警报的DEMO 。