获取选择标签值而不是选项值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

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

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

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

工作演示

但是我建议您使用data-value而不是具有自定义属性的value 。 然后使用：

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