我无法获取所选选项的值

Question

我有一个select字段，带有一些选项。问题是，当我尝试获取所选选项的value时，我将获得列表的默认值。

这是我的代码：

   <div id='aux_motivo'>
      <select name='id_aux_motivo' id='id_aux_motivo' class="combo4" >
                            <option value="">Select</option>
                            <option value="1"  >Opt 1</option>
                            <option value="2"  >Opt 2</option>
                            <option value="3"  >Opt 3</option>
                            <option value="4"  >Opt 4</option>
                            <option value="5"  >Opt 5</option>
      </select>(*)
   </div>

这是我用于获取value的代码：

var id_aux_motivo=$('#id_aux_motivo').val();

由于某种原因，我一直在获取“”，而不是从我选择的选项中获取值，就好像我选择了“选择”。

PS：对不起，英语不好。

Answer 1

最后，我用了var id_aux_motivo= $(this).find(":selected").val() ;将值分配给变量。

其他选项无法解决。

Answer 2

将事件处理程序绑定到“ change”事件，或在元素上触发该事件：

<script type="text/javascript">

$(document).ready(function () {
    $('#id_aux_motivo').on("change", function () {
        var id_aux_motivo = $('#id_aux_motivo').val();
        console.log(id_aux_motivo);
    });
});

</script>;

尝试此jsfiddle示例。

Answer 3

首先检查您的HTML ID id_aux_motivo，它应该是唯一的。如果是这样，那么下面列出的解决方案将起作用：

var id_aux_motivo= $("#id_aux_motivo").find(":selected").val() ;
alert(id_aux_motivo);

或

alert($("#id_aux_motivo").val());