0509弹窗中内嵌下拉列表

这里使用模态框来实现很简单
并且在此基础上可以将下拉表单修改为其他形式
自定义自己需要的弹窗
    <div class="modal fade" style="margin-left:-400px;width:300px" id="getSubDirModal"  tabindex="-1" role="dialog" aria-labelledby="getSubDirModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
                <h4 class="modal-title" id="getSubDirModalLabel" style="width:20%">检索</h4>
            </div>      
            <div class="modal-body" style="margin-left:10px">
<label style="width:30%;font-size:20px;float:left;text-align:center">深度</label>
<select id="selectZone" size="1" style="width:35%;float:middle">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
    </select>
    <label style="width:30%;font-size:20px;text-align:left;float:right">级</label>

<div>
<button  type="button" style="width:30%;margin:10px 80px" onClick='addSubDirectory();'>确认</button> 
<!--<button  type="button" style="width:30%;margin:5px 20px" onClick='deleteCommand();'>取消</button>-->           
            </div>
            </div>      
        </div>
        </div>  
</div>