我如何正確使用此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>

Answer 2

嘗試這個。

$(document).ready(function(){
    var ID = $('#DropDownEdit').data('id');
})

Answer 3

嘗試FIDDLE

我已經更新了事件委托分配，如下所示

function Banks($selecter, selected) {
  //alert(selected);
  $selecter.append('<option>1</option><option>2</option><option>3</option><option>4</option>')
    // my stuff ----

}

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

希望這對你有用

Answer 4

准備好文檔后，需要獲取該函數的data-id值。

嘗試使用$（document）.ready（）;

$(document).**ready**(function(){ var ID = $('#DropDownEdit').data('id'); Banks($('#DropDownEdit'), ID); });

希望對您有所幫助。