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>的值：

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警告。