如何避免在Jquery中选择项目时更改事件？

Question

我创建的选择，从数据库中选择数据，但设置ID =“myselect”的选择

但是，如果我选择了一个项目将调用，切换到另一个项目，我想AJAX调用只有一本AJAX用户点击其项目的次数。

$(document).on("click", "#myselect", function (e) { 

    $.ajax({ 
     url: '/teller/assignTo', 
     dataType: 'json', 
     Method: 'get', 
     success: function (data, status) { 

      var userId = data.users; 
      $.each(userId, function (key, value) { 
       $('#myselect').append($("<option></option>").attr("value", key).text(value.name)); 
      }); 
     }, 
     error: function() { 
      throw new Error("Could not load " + data); 
     } 
    }); 
}); 

HTML

<select name="assign_user_id" id="myselect" class="form-control" ></select> 

Answer 1

试试这个

HTML

<select name="assign_user_id" id="myselect" class="form-control not-clicked" ></select> 

JQuery的

$(document).on("click", "#myselect", function (e) { 
    if($(this).hasClass("not-clicked")) { 
     $.ajax({ 
      url: '/teller/assignTo', 
      dataType: 'json', 
      Method: 'get', 
      success: function (data, status) {  
       var userId = data.users; 
       $.each(userId, function (key, value) { 
        $('#myselect').append($("<option></option>").attr("value", key).text(value.name)); 
       }); 
      }, 
      error: function() { 
       throw new Error("Could not load " + data); 
      } 
     }); 
     $(this).removeClass("not-clicked"); 
    } 
});