Почему OnClick не работает в хроме

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 этот код работает и дать URL, как этот

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

но в хроме нет URL-адреса и не давать ответ или что-либо еще.

как исправить это?

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()); 
    } 
});