隱藏部門內部的div

Question

我不確定爲什麼下面的代碼不會將我的兩個div隱藏在我的內容中。有人可以檢查我的代碼嗎？該代碼不隱藏下面的任何div。謝謝

好的，這是我編輯的代碼。在初始化載入時，這兩個表單都出現在選擇的類型下，當我選擇經銷商/客戶時，正確的表單顯示並選擇類型，然後在選擇一個後顯示爲Nothing。我如何才能最初隱藏所有內容？謝謝

<div id="contentArea"> 
      <form action="xxxxx.php" method="post" onsubmit="return checkStuff();" enctype="multipart/form-data"> 
       Warranty Registration Type:<br/> 
       <select id="select"> 
        <option value ="#blank">Select Type</option> 
        <option value ="#dealerform">Dealer</option> 
        <option value ="#customerform">Customer</option> 
       </select> 
       <br/> 
       <br/> 
       <div id="dealerform"> 
        Dealer Name: <input type="text" name="dealername"> <br/> 
        Dealer Address: <input type="text" name="dealeradd"> <br> 
       </div> 
       <div id="customerform"> 
        First Name: <input type="text" name="firstname"> <br> 
        Last Name: <input type="text" name="lastname"> <br> 
       </div> 
       <script> 
       $(document).ready(function(){ 
        $('#select').change(function(){ 
         $('#dealerform,#customerform').hide(); 
         $($(this).find('option:selected').attr('value')).show(); 
        }); 
       }); 
       </script> 

Answer 1

可能是因爲您的選擇沒有在change事件中使用的id'select'。

   <select id="select"> 
        <option value ="#dealerform">Dealer</option> 
        <option value ="#customerform">Customer</option> 
       </select> 

Answer 2

嘿，你應該寫這樣的

$($(this).find('option:selected').attr('value')).show(); 

，而不是這個

$($(this).find('option:selected').attr('id')).show(); 

，使得對應的div將ofcourse隱藏的人說需要添加ID爲選擇或之前刪除＃選擇

$('select').change(....)