2013-07-29 139 views
0

我試圖從MySQL獲取數據到我的客戶端頁面使用jQuery Ajax。我寫了這個代碼:爲什麼DIV中沒有輸出?

<html> 
<head> 
    <title>Salman Test Ajax Select Box</title> 
    <script src="js/jquery-2.0.3.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#parent_cat").change(function() { 
      $.post("func.php", function(data, status) { 
       $("#ajax").html(data); 
      }); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <form method="post"> 
     <select id="parent_cat" name="parent_cat"> 

      <option disabled="disabled" selected="selected">Select a Category</option> 
      <option id="opt" value="1">1</option> 
      <div id="ajax"></div> 
     </select> 

     <span id="wait_1" style="display: none;"> <img src="ajax-loader.gif" alt="Please Wait"> </span> 
    </form> 
</body> 

但在DIV沒有輸出,但如果我改線$('#ajax').html(data);alert(data);它可以完美運行。

+2

你在'select'標籤中有'div'標籤。這可能隱藏或不顯示'div'。把它移到外面。 – Kami

回答

0

正如評論所述,您的<div>位於<select>標記中,這可能會中斷渲染。將div移動到下面一行,就在選擇之後,它應該起作用。

+0

感謝好友它解決了.....我忘了檢查:) –

+0

不要忘記把你的問題標記爲答案;) –

相關問題