选择选项时调用 javascript 函数但在选项本身内部需要它

Question

选择该选项后，我该怎么办？将使用我传递的参数调用该函数？我不能将 javascript 函数放在 select 本身上，因为我正在使用它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那里之后，我将根据我是否会在我的 javascript 函数上传递 true 或 false 来知道该列。谁可以帮我这个事？列本身是一个布尔值。

谢谢你。

编辑

我想在不使用 ajax 的情况下做到这一点。还有其他方法吗？

Answer 1

只需select在文档准备好时触发更改功能，如代码中所述。对于自定义参数，option在选项中添加自定义属性，data-parameter并在更改函数中获取该属性的值。例子$(document).ready(function(){&nbsp; &nbsp; $('#dropdown-id').change()})function callFunction(dropdown){&nbsp; var selectedOption = $(dropdown).find('option:selected')&nbsp; var customParameter = $(selectedOption).attr('data-parameter')&nbsp; 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)">&nbsp; <option value="1" data-parameter="false">One</option>&nbsp; <option value="2" selected data-parameter="true">Two</option>&nbsp; <option value="3" data-parameter="abc">Three</option></select>