在选择字段中选择选项不会触发 Google Chrome 中的 ajax 脚本

Question

在选择字段中的选项时，无法在 Google Chrome 和 Internet Explorer 中触发 ajax 响应。不过，它确实适用于所有其他浏览器。

这是html：

<select>
  <option class="showDiv" data-div="0,1,0,mw1,default" data-vars="2136,1|10|1|0" selected="">added</option>
  <option class="showDiv" data-div="0,1,0,mw1,default" data-vars="2136,1|10|1|1">title</option>
  </select>

这里是 ajax 部分：

$('.showDiv').live("click", function () {
    var divs = $(this).attr('data-div');
    var vars = $(this).attr('data-vars');
    divs = divs.split(",");
    $.ajax({
        type: "post",
        url: "crt/run_script.php",
        data: {
            divs: divs,
            vars: vars,
        },
        beforeSend: function () {
            centerWin("loading");
        },
        complete: function () {
            $("#loading").hide("fast");
        },
        success: function (html) {
            $("#mainWin").html('');
            $("#mainWin").html(html);
        }
    });
});

Answer 1

您为什么不这样做而不是更改选择元素？

$('#selectID').change(function(){
   ...
});

---

要获得选中的选项，您可以这样做：

$('#selectID').change(function(){
   var index = this.selectedIndex;
   var option = $(this.options[index]);
   //rest of the code use `option` instead of `this` in your code
   ...
});