初始化下拉框

最新推荐文章于 2024-05-10 15:31:30 发布

原创最新推荐文章于 2024-05-10 15:31:30 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #class #include #input #javascript

本文介绍了一个用于修改通信通道策略的网页实现细节，包括使用Java和JSP技术进行页面渲染的过程，以及通过jQuery EasyUI组件库增强交互体验的方法。文章展示了如何通过下拉列表选择不同运营商的本地和全国成单渠道，并提供了通道名称和描述的输入选项。

http://shop59544428.taobao.com/

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/pages/commons/taglibs.jsp"%>
<html>
<head>
<base href="${basePath}" />
<%@ include file="/WEB-INF/pages/commons/meta.jsp"%>
<link rel="stylesheet" type="text/css" href="scripts/jqueryEasyUI/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="scripts/jqueryEasyUI/themes/icon.css">
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.easyui.min1.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.easyui.min.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.datagrid.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jgxLoader.js"></script>
<title>修改通道策略</title>
<style >
    body{ font-family:Arial, Helvetica, sans-serif;}
    a{text-decoration: none;}

</style>
<style type="text/css">
<!--
a:link {
color: #3764a0;
text-decoration: none;
font-weight: bold;
}

a:visited {
text-decoration: none;
color: #3764a0;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #999;
}

a:active {
text-decoration: none;
}
-->
</style>
<script type="text/javascript">
  $(function(){//初始化默认值
    $("#paspCmlocal").val("${pasp.paspCmlocal}");
    $("#paspCmunlocal").val("${pasp.paspCmunlocal}");
    $("#paspUnlocal").val("${pasp.paspUnlocal}");
    $("#paspUnunlocal").val("${pasp.paspUnunlocal}");
    $("#paspSmlocal").val("${pasp.paspSmlocal}");
    $("#paspSmunlocal").val("${pasp.paspSmunlocal}");
  });


</script>

<div>
  <form id = "ff" action = "passage/updatePassageploy" method = "post">
  <input type="hidden" name="paspId" size="25" id="paspId" value = "${pasp.paspId}">
   <span>本地移动: </span>
   <select id="paspCmlocal" class="easyui-combobox" name="paspCmlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${CMLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>
   </select><br>
   <span>全国移动: </span>
   <select id="paspCmunlocal" class="easyui-combobox" name="paspCmunlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${CMUNLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>
   </select><br><br>

   <span>本地联通: </span>
   <select id="paspUnlocal" class="easyui-combobox" name="paspUnlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${UNLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>
   </select><br>
   <span>全国联通: </span>
   <select id="paspUnunlocal" class="easyui-combobox" name="paspUnunlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${UNUNLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>

   </select><br><br>
   <span>本地电信: </span>
   <select id="paspSmlocal" class="easyui-combobox" name="paspSmlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${SMLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>

   </select><br>
   <span>全国电信: </span>
   <select id="paspSmunlocal" class="easyui-combobox" name="paspSmunlocal" style="width:200px;" required="true">
    <option value="">请选择成单渠道</option>
    <c:forEach var="ps" items="${SMUNLOCAL}" varStatus="i">
     <option value="${ps.id}">${ps.text}</option>
    </c:forEach>
   </select><br><br>
   通道名称:<input type="text" name="paspName" size="25" id="paspName" value = "${pasp.paspName}"><br>
   通道描述:<input type="text" name="paspDesc" size="25" id="paspDesc" value="${pasp.paspDesc }"><br><br>
   <input type="submit" value="提交" name = "tj" >
   <input type="button" name = "btn" value="返回" onclick = "javascript:window.history.go(-1) " >
  </form>
</div>

</body>
</html>