Выбор опции в поле выбора не запускает ajax-скрипт в Google Chrome

Question

Запуск ответа ajax не работает в Google Chrome и Internet Explorer при выборе параметра в поле. Это работает во всех других браузерах.

Вот 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

Вместо того, чтобы сделать это, почему вы не делаете изменения элемента select?

$('#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
   ...
});