超無痛display。
<select name="product" id="product" onchange="product2(this)">
   <option value='A'>A</option>  
   <option value='B'>B</option>
</select>
<span style="display:none" id="one">你選A要顯示的東西</span>
<span style="display:none" id="more">你選B要顯示的東西</span>
 

 <script>//將隱藏欄位顯示，記得放在最後。不然會發生沒有物件的錯誤。
 function product2(popo)    
 {  
  one.style.display=popo.options[popo.selectedIndex].value=="A"?"":"none";  
  more.style.display=popo.options[popo.selectedIndex].value=="B"?"":"none";      
 }  
 </script>
 
打完收工。
 
如果想要顯示的東西，是要從資料庫撈的話，那會複雜一點，但是是差不多的意思。
可以參考W3School - PHP Example - Ajax Suggest

文章標籤
全站熱搜
創作者介紹
創作者 Joy 的頭像
Joy

正Man's World

Joy 發表在 痞客邦 留言(0) 人氣(2,780)