javascript - 我如何正确使用这个jquery函数？

Question

我有一个下拉列表，它填充了动态数据。这里我使用了一个函数来调用ajax并获取动态数据。

这就是我创建此函数的方式:

function Banks($selecter, selected) {

 // my stuff ----

}

文档准备好后我会这样使用它:

Banks($('#DropDownEdit'));

HTML 看起来像这样:

<select id="DropDownEdit" name="bank_one" data-id="4"></select>

现在，当文档准备好时，我需要将 data-id 值传递给函数。

我尝试过这样的事情:

$(document).on('change', '#DropDownEdit', function(){
  var ID     = $(this).data('id');
  Banks($('#DropDownEdit'), ID);

}); 

但这对我不起作用。谁能告诉我如何正确地做到这一点？

Answer 1

您的 HTML 标记似乎完全错误。空的 select 标记不是有效的标记，并且 onchage 永远不会为空的 select 触发。 select 标签内必须至少有一个 option。

<select id="DropDownEdit" name="bank_one" data-id="4">
    <option value="one">1</option>
    <option value="two">2</option>
    <option value="three">3</option>
</select>