如何隱藏表格的某個部分

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

您可以在顯示器上啓動這些div：無。

Answer 3

如果使用JavaScript來顯示的div基於選擇，你可以最初隱藏所有div。這裏是如何在jQuery中做到這一點：

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

或者你可以用CSS隱藏它們：diplay：none。

如果您在下拉菜單中使用回傳，您可以控制服務器端的html輸出，並僅顯示您需要的div。