Question

为什么onclick不能使用chrome，这是我的代码：

<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

但是在chrome中没有网址，也没有给予反响或其他任何内容。

如何解决这个问题？

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

为什么onClick不能使用chrome

1 个答案: