获取选择标记值而不是选项值 jQuery

Question

我正在开发 Laravel Blade 模板，我有这个选择下拉菜单，

<select class="form-control" name="{{ $value->columnheader }}" id="{{ $value->columnheader }}" value="{{ $value->costperlead }}" disabled>
   <option value="">---</option>
   <option value="Yes">Yes</option>
   <option value="No">No</option>
  <option value="Possibly">Possibly</option>
</select>

如果他们在给定的选项上选择“是”，我如何根据它的 id 获取选择下拉列表的值？这个值value="{{ $value->costperlead }}"

谢谢！

Answer 1

value 是 select 元素的关联属性。 .val() 将返回选择的选项值，而不是在选择元素中添加的值属性。

可以使用.attr()属性名获取属性值：

$('.form-control').attr('value');

Working Demo

但是，我建议您使用 data-value 而不是 value 来获得自定义属性。然后使用：

 $('.form-control').data('value');