隱藏部門內部的div

我不確定爲什麼下面的代碼不會將我的兩個div隱藏在我的內容中。有人可以檢查我的代碼嗎？該代碼不隱藏下面的任何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>

來源

2013-04-07 Intelwalk

' $（'＃select'）'應該是'$（'select'）' – SRy 2013-04-07 05:35:27

您的HTML標記無效。 – Eli 2013-04-07 05:37:19

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

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

來源

2013-04-07 05:35:02 Robyflc

你能看看我更新的代碼/評論嗎？ – Intelwalk 2013-04-07 23:16:03

嘿，你應該寫這樣的

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

，而不是這個

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

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

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

來源

2013-04-07 05:38:11

隱藏部門內部的div

回答

相關問題