jquery選擇更改事件並顯示一個div

我有一個叫做.select_payment的選擇和一個名爲#billing的div div 即時消息嘗試要做的是當用戶選擇選擇和它的值等於「信用」我想要結算div被顯示。它默認是隱藏的。這就是我試圖jquery選擇更改事件並顯示一個div

$(document).ready(function() { 
     $(".select_payment").change(function() { 
      if($(this).val() == "credit") 
      { 
       $("#billilng").css('display','block'); 
      } 
     }); 
    });

當我選擇稱爲信用的選擇，沒有什麼happends。

來源

2011-09-08 Sarmen B.

錯字？ '＃billilng'應該是'＃billing'？ –

你有一個錯字：「#billilng」應該是「#billing」。此外，你說你有「調用.select_payment」的東西，但是你的意思是你有一個選擇元素與「select_payment」類？（因爲這就是你的代碼所想的。）最後，當你說「隱藏」時，你的意思是「display：none」還是「visibility：hidden」？ – nnnnnn

大聲笑，我想這是它，謝謝，我怎麼隱藏後，它再次可見？像切換 –

有了錯字固定的，增加了測試的幾行，這對我的作品......

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type="text/javascript" src="../jquery/jquery.js"></script> 
    <script type="text/javascript"> 
$(function(){ 

    $("#billing").css('display','none'); 
    $(document).ready(function() { 
     $(".select_payment").change(function() { 
      if($(this).val() == "credit"){ 
       $("#billing").css('display','block'); 
      } else { 
       $("#billing").css('display','none'); 
      } 
     }); 
    }); 

}); 
    </script> 
</head> 
<body> 
<select name='payment_type' class='select_payment' > 
    <option value='credit'>credit</option> 
    <option value='debit'>debit</option>  
</select> 
<div id='billing'>This is the billing div</div> 
</body> 
</html>

來源

2011-09-08 04:00:53

jquery選擇更改事件並顯示一個div

回答

相關問題