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

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>

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

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

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

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

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

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

Answer 3

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