如何同时获得选择框的文本和值并将其存储到数据库中？

Question

我正在尝试将我拥有的选择框的文本和值存储到数据库中。 我可以通过从选择框名称本身中请求它来正确存储该值，但是在存储文本时遇到了麻烦。 我有2个表，即Item和ItemOrder。

项目表

id | 名称

ItemOrder表

id | item_id（来自项目表的fk）| 项目名称

的HTML

<select name="item" class="form-control select2" id ="item">
    <option value="0" selected="true" disabled="true">Select Item</option>
     @foreach($items as $key => $i)
        <option value="{!!$key!!}">{!!$i!!}</option>
     @endforeach
</select>

ItemController

public function itemList()
{
  $items = Item::lists('name', 'id');
  return view('employee.itemList', compact('items'));
}
public function storeItem(Request $request){
    $info = array( 'item_name'=>$i,
      'item_id'=>$request['item'],
    DB::table('itemOrder')->insert($info);
  return redirect()->route('dashboard');
}

路线

Route::get('itemList', ['as' => 'itemList',
        'uses' => 'ItemController@itemLIst']);
Route::post('storeItem', ['as' => 'storeItem',
        'uses' => 'ItemController@storeItem']);

JS

$('select[name="item"]').on('change', function () {
 var e = document.getElementById("item");
 var itemText = e.options[e.selectedIndex].text;
 console.log(itemText);
});

我可以将item_id值存储在数据库中，因为与此同时我将item_name设置为可空。 我试图通过javascript获取文本，并且可以通过console.log显示它。 有人可以帮我存储所选文本吗？ 或者有没有办法通过javascript或jquery获取文本？

Answer 1

您是否尝试过使用

"<option value=" 

保留每个选项的文本？ 这样，您可以检索选定的选项文本，而不是一些数字代码。

Answer 2

按照我的代码。

$(document).ready(function () 
{
  $('select[name="item"]').on('change', function () 
  {
  alert('Value change to ' +$(this).attr('value')+$(this).text());
   });
 });