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

出于某种原因，我没有从我选择的选项中获取价值，而是继续获得＆＃34;＆＃34;，就好像我选择＆＃34;选择＆＃34;。

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

我无法获得所选选项的价值

3 个答案: