Как скрыть определенную часть формы

Question

У меня есть форма и она содержит выпадающий список и разные элементы div. На основе выбора из раскрывающегося списка я показываю те элементы div. Но часть текста в этих элементах div отображается, когда форма загружается, а не когда я выбираю параметр из раскрывающегося списка. Код несколько, как этого

<form> 
     <select id=""> 
      <option value="one"> One </option> 
      <option value="two"> Two </option> 
      <option value="three"> Three </option> 
     </select> 
     <div id="onee"> header text ..<table> </table></div> 
     <div id="twoo"> header text ..<table> </table></div> 

</form> 

Так что, когда я загрузить форму страницы с выбором выпадающего списка показан, но он также показывает текст заголовка, который находится в пределах дел. Как скрыть этот текст?

Answer 1

<div id="onee" style="display:none"> header text ..<table> </table></div> 
     <div id="twoo" style="display:none"> header text ..<table> </table></div> 

так что ваш полный код на странице загрузки является

<form> 
     <select id=""> 
      <option value="one"> One </option> 
      <option value="two"> Two </option> 
      <option value="three"> Three </option> 
     </select> 
     <div id="onee" style="display:none"> header text ..<table> </table></div> 
     <div id="twoo" style="display:none"> header text ..<table> </table></div> 

</form> 

после этого при изменении параметра в окне выбора

просто заменить display:none with display:block

Answer 2

Вы можете запустить эти divs на дисплее: none.

Answer 3

Если вы используете JavaScript, чтобы показать дивы основанный на выборе, вы можете также скрыть все divs изначально. Вот как это сделать это в JQuery:

$("#onee").hide(); 
$("#twoo").hide(); 

Или вы можете просто скрыть их с помощью CSS: Diplay: нет.

Если вы используете postbacks в своем раскрывающемся списке, вы можете контролировать вывод html на стороне сервера и только визуализировать divs, в которых вы нуждаетесь.