Question

我有一个包含10个选项的下拉框，当您单击某个选项时，我希望它显示您选择的示例。选项是你想要多少个菜单栏/ div，例子是<div id="example"></div>，我的问题是，我是否必须输入所有div的循环并输入每个div的所有宽度和高度？（这将是一个非常大的CSS文件）

我正在使用javascript选择了哪个选项。示例：

<script>
function header(dropdown)
{
 var myindex_H = dropdown.selectedIndex;
 var waarde_H = dropdown.options[myindex_H].value;

 if(waarde_H == "Menu H 1")
 {
     document.getElementById("option1").style.display = "";
 }
}
</script>

记住我正在使用一个循环，这只是一个只有1个div的例子

<table>
   <tr>
     <td>
     <form action="index.php" method="POST">
          <b>Menu : </b>
          <select name="Menu" onKeyUp="menu(this.form.Menu);">
          <option> - - - -</option>
          <?php
               for($a = 1;$a <= 10;$a++) { print '<option>Menu H '.$a.'</option>'; }
          ?>
          </select>
     </form>
     </td>
     <td>
          <div id="example" >
             //Create div that shows the example
             //I use a PHP loop for this, but I use an example now for only 1 div
             <div id="option1" style="display: none;">
                  <div class="example-menu-bar1">
                  </div>
             </div>
              //all div's inside here for every option
              //example : option 1 have 1 div
              //          option 2 have 2 divs
              //          .....................
              //          option 10 have 10 divs
          </div>
     </td>
  </tr>
<table>

一切正常，只有我的主要问题是在我的CSS代码中，我需要为每个选项创建一个类，因为每个选项都有不同的宽度。所以问题是，这有更智能，更快捷的方法吗？

我希望很快能收到你的来信，感谢您的阅读：）

亲切的问候，

的Jeroen

Javascript显示了一个选择的例子

0 个答案: