2013-04-07 4 views
0

Я не уверен, почему следующий код не скрывает мои два div в моем div для моего контента. Может ли кто-нибудь проверить мой код? Код не скрывает ни один из ниже. СпасибоСкрытие Divs внутри Divs

ОК, вот мой отредактированный код. При инициализации нагрузки обе формы появляются под выбранным типом, когда я выбираю дилера/клиента, показывает правильную форму и выбирает тип, а затем показывает «Ничего» после выбора. Как мне его сначала скрыть? Спасибо

<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> 
+0

' $ ('# select') 'должен быть' $ ('select') ' – SRy

+0

Ваша разметка HTML неверна. – Eli

ответ

3

Возможно, потому что ваш выбор не имеет идентификатора 'select', который вы используете в событии изменения.

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

Можете ли вы посмотреть мой обновленный код/​​комментарии? – Intelwalk

0

эй вы должны написать, как этот

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

вместо этого

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

так, что соответствующий DIV будет скрывать конечно, как другие говорили, нужно добавить идентификатор для выбора или удаления # перед тем выбор

$('select').change(....) 
Смежные вопросы