Question

我正在为一个正在进行的项目的网站工作。我需要在下拉菜单中创建一个下拉菜单。它是表格的一部分。基本上它是对汽车的损坏。在我的下拉菜单中，我可以选择没有损坏和损坏。当我选择伤害时，我需要将它带到另一种形式，我可以选择汽车的一部分并键入损坏。它需要保存。我可能措辞严厉。如果有人能给我任何帮助，那将是伟大的这就是我现在所拥有的

    Damage:<br>
  <select id="test" name="form_select" onchange="showDiv(this)">
   <option value="0">No</option>
   <option value="1">Yes</option>
</select>
<div id="hidden_div" style="display:none;"><br>
<input type='textarea' class='text' name='hidden style' value size='20' />
</div>

<script type="text/javascript">
function showDiv(select){
   if(select.value==1){
    document.getElementById('hidden_div').style.display = "block";
   } else{
    document.getElementById('hidden_div').style.display = "none";
   }
} 
</script><br><br>

这给了我一个文本框来输入损坏。我真正想要的是能够获得另一种形式，如果可能的话，我可以选择更多的选项

例如右前方左后方

Answer 1

您需要创建3级ul

<ul id="menu">
<li><span>Level 1-A</span>
    <ul>
        <li><span>Level 2-A-1</span>
            <ul>
                <li><span>Level 3-A-1</span></li>
                <li><span>Level 3-A-2</span></li>                   
                <li><span>Level 3-A-3</span></li>                                       
            </ul>
        </li>
        <li><span>Level 2-A-2</span></li>
        <li><span>Level 2-A-3</span></li>            
        <li><span>Level 2-A-4</span></li>            
    </ul>
</li>
<li><span>Level 1-B</span></li>
<li><span>Level 1-C</span></li>
<li><span>Level 1-D</span></li>
<li><span>Level 1-E</span></li>

以下是嵌套下拉菜单的示例，希望有所帮助。

http://jsfiddle.net/Wss5A/

在菜单中创建菜单

1 个答案: