javascript - 为什么没有调用 AJAX 函数并且在调用该函数时没有打印警报？

Question

我想在用户点击选择控件或选择控件从键盘获得焦点时调用 ajax 函数。

HTML代码如下:

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

我写的 jQuery-AJAX 函数如下，但是 aler("Hello") 没有被打印出来。为什么会这样？

 $("#scanner").bind("change",function() { alert("Hello");

    var mod_url = $('#mod_url').val(); 

    $.ajax({
      url : mod_url,
      cache: false,
      dataType: "json",
      type: "GET",
      async: false,
      data: {
        'request_type':'ajax', 
        'op':'get_all_stores'
      },
      success: function(result, success) { alert(result);
        $('#scanner').html(result);
      },
      error: function() {
        alert("Error is occured");
      }
    });
  });

Answer 1

在你的code我还没有看到任何options对于 html select盒子

并且，您已经注册了一个change事件 select只有在选择 options 时才会出现的框在select盒子

添加几个options在选择框中并尝试选择将触发 ajax 调用的选项

参见 JS FIDDLE HERE