`
xiaoming123123
  • 浏览: 100323 次
  • 性别: Icon_minigender_1
  • 来自: 南昌
社区版块
存档分类
最新评论

下拉框联动(二级联动)

    博客分类:
  • SSH
 
阅读更多
效果:


前台页面:

<tr class="mlist_table_con">
<td width="200px" style="text-align: right;" class="p20" nowrap>频道类型:</td>
<td width="300px" style="text-align: left;">
<select name="station.stationType" onchange="getSchoolBychannelType(value)">
										  <option value="-1">--请选择频道类型--</option>
										<option value="1">平台频道</option>
										<option value="2">学校频道</option>
</select>
</td>
</tr>



js代码:
<script type="text/javascript">
var getSchoolBychannelType = function(type) {
	if(type==-1) {
		$("#province").html('<option value="-1">--选择频道类型--</option>');
		return ;
	}
	var url = '<%=basePath%>manage/live/station/getSchool';
	$.post(url,{stationType:type},function(data) {
		$("#province").html(data);
	},'html');
}
</script>


联动的下拉框:
<tr class="mlist_table_con">
								<td width="200px" style="text-align: right;" class="p20" nowrap>所属学校: </td>
								<td width="300px" style="text-align: left;">
									<select name="schoolId" id="province">
										<option value="-1">选择学校</option>
									</select>
								</td>	
		
							</tr>


struts2 action配置:
<!--添加电视台页面频道类型与学校二级联动 -->
		<action name="getSchool" class="stationAction" method="getSchoolByStation"></action>



实现方法:
/**
	 * 通过电视台类型获取学校
	 * 
	 * @return 处理结果
	 * @throws IOException
	 */
	@SuppressWarnings("unchecked")
	public String getSchoolByStation() throws IOException {
		IListModel listModel = new ListModel(pageSize, currentPage);
		StringBuffer sb = new StringBuffer();
		if (stationType < 0) {
			sb.append("<option value=\"-1\">-- 选择学校 --</option>");
		} else if (stationType == 1) {
			sb.append("<option value=\"-1\">-- 没有可选的平台频道 --</option>");
		} else {
			stationService.getNoUsedShcool(MacroDefine.UseFlag.IN_USED,
					listModel);
			schoolList = listModel.getSource();
			if (schoolList != null && schoolList.size() > 0) {
				for (School school : schoolList) {
					sb.append("<option value=\"")
							.append(school.getSchoolId() + "\">")
							.append(school.getSchoolName() + "</option>");
				}
			} else {
				sb.append("<option value=\"-1\">-- 选择学校 --</option>");
			}
		}
		super.responseWrite(sb.toString());
		return NONE;
	}
  • 大小: 2.8 KB
分享到:
评论

相关推荐

    asp二级联动下拉框,三级联动下拉框

    在ASP中,二级联动和三级联动下拉框是常见的功能,通常用于实现数据的筛选和过滤,例如在地区选择、商品分类等场景。下面将详细讲解如何在ASP中实现这些功能。 ### 二级联动下拉框 二级联动下拉框是指两个下拉框...

    layui下拉框二级数据联动 fzzx.zip

    在提供的`fzzx.zip`压缩包中,包含了一个名为`a.html`的文件,这个文件很可能是用来展示如何实现layui下拉框二级联动的示例代码。打开这个HTML文件,我们可以看到一个包含两个下拉框的页面,第一个下拉框(一级)...

    省市下拉框二级联动完成版(调试通过)

    ### 知识点:省市下拉框二级联动完成版(调试通过) #### 一、概述 在Web开发中,为了提供更好的用户体验与交互性,常常需要实现省市等地理位置的二级联动选择功能。所谓的“二级联动”指的是用户在选择了某个地区...

    AJAX二级下拉框联动

    在网页开发中,AJAX(Asynchronous JavaScript and XML)二级下拉框联动是一种常见的交互设计,用于提升用户体验,尤其在处理复杂表单或选择结构化数据时。这种技术允许用户在一个下拉框中做出选择后,根据所选值...

    2级下拉框联动含数据库

    在IT行业中,二级下拉框联动是一个常见的交互设计,它常用于网页表单或应用程序中,使得用户在选择一个选项后,第二个下拉框会自动更新其内容,以展示与前一个选择相关的数据。这种技术尤其适用于有层级关系的数据...

    下拉框二级联动

    本文将详细讨论“下拉框二级联动”这一主题,以及如何利用AJAX和JSON技术来实现这一功能。 首先,我们要理解什么是二级联动。在多级选择的场景下,二级联动指的是当用户在一个下拉框(Dropdown)中做出选择时,第二...

    帆软FineReport实现下拉框控件多级联动查询模板 + SQL脚本

    "下拉框参数SQL.txt"文件很可能包含了这样的脚本,它会根据上一级下拉框的值来动态生成下一级的选项。这通常涉及到子查询或者JOIN操作,以确保每次选择后返回的都是相关联的子集。例如,当选择一个省份后,下级城市...

    实现jsp页面二级下拉框联动,实时读取数据库数据

    在网页设计中,二级下拉框联动是一种常见的交互方式,特别是在数据量较大、分类层次分明的情况下,能够有效地帮助用户快速筛选和定位所需信息。本文将详细介绍如何使用JSP(JavaServer Pages)技术来实现这样的功能...

    Asp.net二级下拉框无刷新联动

    在Asp.net开发中,有时候我们需要实现一个功能,即二级下拉框的无刷新联动。这个功能常见于数据层级关系的展示,例如省份与城市、类别与子类别的选择等。用户在一级下拉框中选择一个选项时,二级下拉框会自动更新...

    javascript实现下拉框二级联动

    在网页开发中,二级联动下拉框是一种常见的交互设计,常用于地区选择、产品分类等场景,用户在第一个下拉框中做出选择后,第二个下拉框会动态更新其选项,展示与前一个选择相关的内容。本文将详细介绍如何使用...

    JS本地实现全国省市区二级、三级地址下拉框联动选择

    全国省市区地址下拉框二级、三级联动选择html例子,JS本地实现,无需网络就能使用,数据为国家省市区6位标准编码,二级联动为省、市的下拉框选择,三级联动为省、市、区的下拉框选择,效果请打开压缩包中的html页面...

    smarty ajax 下拉框二级联动

    Smarty + Ajax 下拉菜单二级联动: 1. 建立数据库ajaxtest (使用utf8) 2. 进行conn.php 修改root密码 3. 导入表 product.sql --- 主产品 4. 导入表 producttest.sql -- 二级产品 弄好后运行:...

    JQuery年月日三级下拉框联动

    在网页开发中,有时我们需要创建一个用户友好的界面来选择日期,这通常涉及到年、月、日的三级下拉框联动。"JQuery年月日三级下拉框联动"就是一个解决此类需求的方案,它利用JavaScript库JQuery的便利性和高效性,...

    mvc3二级联动下拉框

    在ASP.NET MVC3框架中,开发人员经常遇到需要创建二级联动下拉框的场景,这是一种交互性强、用户体验良好的数据选择方式。"mvc3二级联动下拉框"是针对这种需求的一种解决方案,它允许用户在两个关联的下拉列表中进行...

    js世界省洲三级下拉框联动

    在网页开发中,"js世界省洲三级下拉框联动"是一种常见的交互设计,它用于创建用户友好的选择界面,特别是在处理地理位置数据时。这种功能允许用户通过三个下拉框依次选择国家、省份(州)和城市,形成一个完整的地理...

    xml城市下拉框联动

    8. **可选的第三级联动**:如果有区县级数据,可以继续按照相同逻辑实现与市级下拉框的联动。 在实际应用中,为了提高用户体验,我们还可以考虑以下优化点: - **异步加载**:可以使用Ajax异步加载XML数据,避免...

    js实现下拉框二级联动

    下拉框二级联动技术是一种在网页上常用的交互方式,它可以根据用户在一级下拉框中的选择动态改变二级下拉框中的选项内容。本文详细介绍了如何使用JavaScript实现下拉框二级联动功能,提供了具体的代码实现以及相关...

    同表下拉框二级联动实例

    在本例中,我们讨论的是"同表下拉框二级联动实例",这意味着在一个表格或数据库中,有两个下拉框,它们之间存在着联动关系,即选择第一个下拉框中的某个选项后,第二个下拉框的内容会根据这个选择动态更新。...

Global site tag (gtag.js) - Google Analytics