1

我可以在 Firefox 中成功更改图表选项，但它在 chrome 中不起作用（没有错误）。我已经阅读了几乎所有关于这个问题的主题，但没有一个对我有用。当用户选择选项时，正确的捕捉方法是什么？

在此处输入图像描述

<select id="sortby2">
  <option id="byweek" value="date">7 days</option>
  <option id="by14" value="spent">14 days</option>
  <option id="bymonth" value="clicks">30 days</option>
</select>

$("#by14").OnClick(function(){
$.ajax({
    type: "POST",
    url: "chartdata.php",
    data: 'by14=on',datatype:"html",  async: false,
    success: function(d){
    $('.cantent').html(d);      
    }       
});
});
4

3 回答 3

2

您可能需要使用change()而不是clickevent。

$("#sortby2").change(function(){

  if($(this).find('option:selected')[0].id != 'by14')
           return;

  $.ajax({
        type: "POST",
        url: "chartdata.php",
        data: 'by14=on',datatype:"html",  async: false,
        success: function(d){
        $('.cantent').html(d);      
        }       
    });
});
于 2013-04-12T12:43:23.983 回答
1

侦听 select 元素上的“更改”事件。最好使用 jQuery on()函数来注册它：

$("#sortby2").on('change', function(){
    if($(this).val() === 'spent') {
        $.ajax({
            type: "POST",
            url: "chartdata.php",
            data: 'by14=on',datatype:"html",  async: false,
            success: function(d){
                $('.cantent').html(d);      
            }       
        });
    }
});
于 2013-04-12T12:48:46.910 回答
0

$("#by14").click不使用$("#by14").onclick

于 2013-04-12T12:50:35.223 回答