javascript - 如何在事件处理程序上运行 jquery 脚本

Question

我想在每次选择更改时运行jquery脚本。

示例我有这样的html

<select name="typedata[]" data-long="long0" onchange="myFunction()">
     <option value="" label="default"></option>
     @foreach ($typeDatas as $typeData)
          <option value="{{ $typeData['nama'] }}">{{ $typeData['nama'] }}</option>
     @endforeach
</select>

脚本是这样的

function myFunction(){
  console.log(jQuery(this).val())
}

当我更改选择时，jquery 返回错误。

有没有办法在myFunction中运行jquery脚本，因为如果我使用javascript而不是jquery它的工作..

我不能使用这样的jQuery(document).ready(function($)，因为当用户单击某个按钮时添加了select > 添加选择表单。

Answer 1

新的 select 元素没有事件处理程序，因为它是在 dom 渲染之后创建的。但是，您可以使用“on”处理程序来绑定(bind)元素，无论它是否在 DOM 中呈现。希望这可以帮助。

https://api.jquery.com/on/

$('html #formID').on("change","select", function(){
   // do something...
})

此外，您还可以删除onchange="myFunction()"。 :)