这里使用模态框来实现很简单
并且在此基础上可以将下拉表单修改为其他形式
自定义自己需要的弹窗
<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">×</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>
并且在此基础上可以将下拉表单修改为其他形式
自定义自己需要的弹窗
<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">×</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>