选择选项时调用 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(){

    $('#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>