如何在<select>中显示名称，但将id发送到Ajax

Question

I'm displaying the names of groups in a drop down list, and the user will select one option. I want to send to ajax the id of this group, not the name. The following HTML will send the name but not the group_id. Any help ?

<select class="form-control" style="width:150px" name="grps" id="grps">
@foreach ($j_grp as $j_grps)
<option>{{ $j_grps->name }}</option>
@endforeach
 </select>

Answer 1

You need define VALUE on select option.

<select class="form-control" style="width:150px" name="grps" id="grps">
@foreach ($j_grp as $j_grps)
  <option value="{{ $j_grps->id }}">{{ $j_grps->name }}</option>
@endforeach
</select>