2012-03-13 19 views
2

我在我的页面上写了ajax,在选择选项中获取子类别,具体取决于类别选项列表单击。在所有的浏览器中,它的效果很好,我可以看到我的请求,在浏览器控制台中响应......但在Chrome功能中甚至没有调用。你知道吗,问题是什么?这里是我的代码:我的Javascript代码在chrome中不起作用

<td> 
     <span style="color: #898989;">Main categories</span> 
     <br /> 
     <select style="width: 200px;"> 
     <?foreach ($main_categories as $item){?> 
     <option onclick="get_sub_cat(<?=$item['id']?>,2);return false;" value="<?=$item['id']?>"><?=$item['title']?></option> 
     <?}?> 
     </select> 
    </td> 
    <td> 
     <span style="color: #898989;">Subcategories</span> 
     <br /> 
     <select name="sub_cat" style="width: 200px;" id="prod_subcat_2"> 
     </select> 
    </td> 


function get_sub_cat(id, select_id){ 
$.ajax({ 
    type: "POST", 
    url: "<?=base_url()?>admin/product/get_sub_cat/"+id, 
    data: "", 
    success:function (option_list) { 
    $("#prod_subcat_"+select_id).children().remove(); 
    $('#prod_subcat_'+select_id).append(option_list); 
    } 
}); 
} 
+1

_“在Chrome的JavaScript不'吨工作” _这是你能拿出最好的标题? – gdoron 2012-03-13 11:47:27

+0

如果**真的**在您的Chrome浏览器中完全不起作用。你需要启用它。阅读[this](http://www.google.com/support/forum/p/Chrome/thread?tid=5e291648113cc731&hl=en) – gdoron 2012-03-13 11:49:20

+0

我想找一些关于如何在Chrome中使用调试工具的问题。在函数中设置断点非常简单,看看它是否被调用,查看后端正在进行什么调用等。 – 2012-03-13 11:50:14

回答

4

一个<option>元素onclick是没有得到普遍支持,而不是使用父<select>

$('#theselect').change(function() { 
    alert($(this).val()); 
});​ 
+1

你是最好的,朋友; D – 2012-03-13 12:11:07

+0

今天早上跑到这个问题。这个问题,这个答案解决了我的问题。 – TARKUS 2013-10-30 14:10:34

0

尝试附加一个onchange事件处理程序,并从事件中传入select元素的选定元素。将事件处理程序附加到单个选项可能没有意义。

0

您需要添加一些报价:

get_sub_cat(\"<?=$item['id']?>\",2) 

你需要这个参数发送为字符串。

您确定您的JavaScript位于<script>标记?问题的犯规显示它

<script> 
    // your javascript 
</script> 
+0

ofc我装了它:D它没有帮助,但感谢您的帮助 – 2012-03-13 12:02:39

1

1)如果您运行的本地文件夹,并在服务器上没有运行的情况下,那么铬有安全原因不运行这些类型的JavaScript调用。关于在chrome上运行localy javascript ajax调用的堆栈溢出有多个线程(如果有的话)。

2)尝试使用简单提醒(“嘿”)您的JavaScript;检查是否JavaScript正在工作或其AJAX。

3)如果JavaScript的作品。使用谷歌“开发人员工具”ctrl + shift + i,在你的javascript调用中设置断点并检查作为变量传递的是什么,并解决问题。

4)如果JavaScript的不工作试试这个http://support.google.com/chrome/bin/answer.py?hl=en&answer=114662