Вызов функции javascript, когда опция выбрана, но нужна внутри самой опции

Question

Как мне сделать, если выбрана опция, функция будет вызываться с параметрами, которые я передаю? Я не могу поставить функцию javascript для самого выбора, потому что я использую foreach, чтобы заполнить свой вариант, и мне также нужно получить защиту параметров в одном столбце в моем запросе

Пример :

<select name="request_type" id="request_type" class="form-control" required onchange="approval(<?php()?>)">
  <option value="">Select Request Type</option>
  @foreach($types as $type)
   <option value="{{ $type->id ?? ''}}" // if selected function call(true/false)>{{ $type->name ?? ''}}</option>
  @endforeach
</select>

после вызова @foreach я узнаю столбец, основываясь на том, передам ли я true или false для моей функции на javascript. Может ли кто-нибудь помочь мне в этом? Сам столбец является логическим.

Спасибо.

РЕДАКТИРОВАТЬ

Я хочу сделать это без использования ajax. есть ли другой способ?

Answer 1

Просто активируйте select функцию изменения в документе, как указано в коде. А для пользовательского параметра в option добавьте пользовательский атрибут в параметр, подобный data-parameter, и получите значение этого в функции изменения. пример

$(document).ready(function(){
    $('#dropdown-id').change()
})
function callFunction(dropdown){
  var selectedOption = $(dropdown).find('option:selected')
  var customParameter = $(selectedOption).attr('data-parameter')
  console.log(customParameter);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="dropdown-id" onchange="callFunction(this)">
  <option value="1" data-parameter="false">One</option>
  <option value="2" selected data-parameter="true">Two</option>
  <option value="3" data-parameter="abc">Three</option>
</select>