您的位置：首页 > Web前端 > JavaScript

dynamic-drop-down-box.jsp

2017-10-20 15:41 309 查看

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>

<head>
<!-- header -->
<%@ include file="/WEB-INF/views/include/header.jsp"%>
</head>
<body>
<script type="text/javascript">
try
{
ace.settings.check('main-container', 'fixed')
}
catch (e)
{

}
</script>
<div class="tableBody" align="center">
<div style="border: 0px solid !important; margin: -10px;">
<h6 style="margin-top: 10px; font: #797979;">
<select name="zyxxlist" id="zyxxlist" style="border-radius: 5px; width: 500px">
<c:forEach items="${repYjSchools}" var="zy">
<option value="${zy.sysId}">${zy.xxmc}</option>
</c:forEach>
</select>
</h6>

<div id="NextTab" style="visibility: hidden">加载中...</div>
</div>
</div>

<script type="text/javascript">
var filter = ${filter};

$('#zyxxlist').searchableSelect();

$(document).ready(function()
{
var zyxxobj = $('#zyxxlist option');
for (var i = 0; i < zyxxobj.length; i++)
{
if (zyxxobj[i].text == filter.title)
{
$("#zyxxlist ").get(0).options[i].selected = true;
}
}
});

//下拉框选择
$('#zyxxlist').change(function()
{
var newurl = $('#zyxxlist option:selected').val();
var nexttitle = $('#zyxxlist option:selected').text();
var aNode = '<a id="aNextTab" href="<s:url value="/api/xxxxgs/viewDetail?schoolId=' + newurl + '"></s:url>">nextpageTab</a>';
$('#NextTab').append(aNode);
$('#aNextTab')[0].click();

});
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航