获取 Select 标签值而不是选项值 jQuery

Question

我正在研究 Laravel Blade 模板，我有这个 select 下拉菜单，

<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 获取 select 下拉列表的值？这个值value="{{ $value->costperlead }}"

谢谢！

Answer 1

值与 select 元素相关联属性。 .val() 将 return selected 选项值而不是 select 元素中添加的值属性。

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

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

Working Demo

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

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

获取 Select 标签值而不是选项值 jQuery

Get Select Tag Value not Option Value jQuery

html

jquery

drop-down-menu

blade