在firefox jquery中工作正常，但不是在chrome中？答案

【问题标题】：In firefox jquery working fine, but not in chrome?在firefox jquery中工作正常，但不是在chrome中？
【发布时间】：2016-10-06 19:34:24
【问题描述】：

我有问题请帮帮我。

我正在创建两个字段类别和子类别，基于用户在类别字段中的选择选项，子类别中的选项更改为此编写这样的代码。

这段代码在 Firefox 中运行良好，但在 chrome 中却无法运行，我不确定为什么会这样。

$("#world").click(function(){
  $("#sub_article").html('<option value="">Select</option><option value="">Us</option><option value="">Chaina</option><option value="">Uk</option><option value="">Pakistan</option><option value="">Others</option>');
  $('#type_novel').html('');
});
$("#buss").click(function(){
  $("#sub_article").html('<option value="">Select</option><option value="">Indian business</option><option value="">International business</option><option value="">Markets</option><option value="">Shares</option><option value="">Others</option>');
  $('#type_novel').html('');
});
$("#tech").click(function(){
  $("#sub_article").html('<option value="">Select</option><option value="">Social</option><option value="">IT services</option><option value="">Mobiles & gadgets</option><option value="">Jobs</option><option value="">Others</option>');
  $('#type_novel').html('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label>
  <span>Category :</span><select name="cat_article" id="cat_article">
  <option value="">Select</option>
  <option id="world" value="Job Inquiry">World news</option>
  <option id="buss" value="Job Inquiry">Business</option>
  <option id="tech" value="Job Inquiry">Technology</option>
  </select>
</label>
<label>
  <span>Sub category :</span><select name="sub_article" id="sub_article">
  <option value="">Select</option>
  </select>
</label>

【问题讨论】：

标签： jquery

【解决方案1】：

<option> 标记实际上不应该支持onclick 事件（jQuery 中的.click）这就是为什么您看到它在某些浏览器中工作但在其他浏览器中不工作的原因。

相反，在<option> 标记中为value 属性设置一些有意义的值，然后将.change 处理程序添加到<select> 标记。

例如：

$('#cat_article').change(function(){
        switch($(this).val()){
            case 'world':
                $("#sub_article").html('<option value="">Select</option><option value="">Us</option><option value="">Chaina</option><option value="">Uk</option><option value="">Pakistan</option><option value="">Others</option>');
                $('#type_novel').html('');
                break;
            case 'buss':
                 $("#sub_article").html('<option value="">Select</option><option value="">Indian business</option><option value="">International business</option><option value="">Markets</option><option value="">Shares</option><option value="">Others</option>');
                $('#type_novel').html('');
                break;
            case 'tech':
                $("#sub_article").html('<option value="">Select</option><option value="">Social</option><option value="">IT services</option><option value="">Mobiles & gadgets</option><option value="">Jobs</option><option value="">Others</option>');
                $('#type_novel').html('');
                break;
        }
    });

HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label>
  <span>Category :</span><select name="cat_article" id="cat_article">
  <option value="">Select</option>
  <option value="world">World news</option>
  <option value="buss">Business</option>
  <option value="tech">Technology</option>
  </select>
</label>
<label>
  <span>Sub category :</span><select name="sub_article" id="sub_article">
  <option value="">Select</option>
  </select>
</label>

【讨论】：

感谢支持，工作正常。很高兴抓住你。

【解决方案2】：

Chrome 中出现了一些错误。按 F12 并打开 Chrome 控制台，您会看到 3 个错误

加载资源失败：net::ERR_BLOCKED_BY_CLIENT http://static.adzerk.net/Extensions/adFeedback.js

加载资源失败：net::ERR_BLOCKED_BY_CLIENT http://static.adzerk.net/Extensions/adFeedback.css

加载资源失败：net::ERR_BLOCKED_BY_CLIENT http://engine.adzerk.net/i.gif?e=eyJhdiI6NDE0LCJhdCI6NSwiYnQiOjAsImNtIjo5MjEsImNoIjoxMTc4LCJjayI6e30sImNyIjoyNjg4LCJkaSI6IjYxYTM2ZWM5ZDBiZDQ4NjdiMmZkZWQ3MmI1OTA3Mzg1IiwiZG0iOjEsImZjIjoyNDg1LCJmbCI6MjY2MywiaXAiOiIyNC4xNC44NC43NSIsImt3IjoianF1ZXJ5LHgtdXNlci1yZWdpc3RlcmVkLHgtMjAwcGx1cy1yZXAiLCJudyI6MjIsInBjIjowLCJlYyI6MCwicHIiOjYxNzM3LCJydCI6MSwicmYiOiJodHRwOi8vc3RhY2tvdmVyZmxvdy5jb20vIiwic3QiOjgyNzcsInVrIjoidWUxLTgzNTVhMzk1ZDJkYjRiZjE4MzlkYTcwMzk3ODU1ZDcyIiwiem4iOjQ1LCJ0cyI6MTQ2NTI3NjU1Nzk2MCwiYmYiOnRydWUsInBuIjoiYWR6ZXJrMTExMzQ3MTU0NiIsImZxIjowfQ&s=myHyTjnpAWqzwqAn7qRey9LzIe4

这将使您了解正在发生的事情。然后，您可能会转到此链接，这可能会对情况有所了解。

Failed to load resource under Chrome

【讨论】：