为什么的onClick无法在Chrome

Question

工作为什么的onclick铬不工作，这是我的代码：

<select name="post_color" class="form-control"> 
    <option value="0">-Pilih-</option> 
    <option onclick="GetColor(1)" value="1">Red</option> 
    <option onclick="GetColor(2)" value="2">Black</option> 
</select> 

function GetColor(idc){ 
    $('#colorcategory').remove(); 
    utilsx.Color(idc); 
}; 

var utilsx = {}; 
    (function ($) { 

      $.ajaxSetup({"error":function(XMLHttpRequest,textStatus, errorThrown) { 
       alert(textStatus); 
       alert(errorThrown); 
       alert(XMLHttpRequest.responseText); 

      }}); 

     utilsx.Color = function Color(idc) { 
      $("#colorf").append("<select id='colorcategory' name='post_color_cat' class='form-control'></select>"); 
      //alert(id); 
      var data={idc:idc}; 
      $.ajax({ 
       type:"GET", 
       datatype:"html", 
       url:"", 
       data:data, 
       cache:false, 
       success: function(data) { 
           $('#colorcategory').append(data); 
       } 
      }); 
     return false; 
    }; 

    })(jQuery, window, document); 

，如果我在Mozilla使用此代码的工作，并给予网址这样

http://localhost/test/color?idc=1&_=1452675443158 

但在铬没有网址，不给予回应或任何东西。

这个怎么解决？

Tahnk你

Answer 1

使用change事件：

<select name="post_color" class="form-control"> 
    <option value="0">-Pilih-</option> 
    <option value="1">Red</option> 
    <option value="2">Black</option> 
</select> 

$("SELECT.form-control").change(function(){ 
    $('#colorcategory').remove(); 
    utilsx.Color($(this).val()); 
}); 

如果要排除值0：

$("SELECT.form-control").change(function(){ 
    if($(this).val() > 0){ 
     $('#colorcategory').remove(); 
     utilsx.Color($(this).val()); 
    } 
});