2012-03-13 21 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