`

<select>二级联动价格策略+js的eval()

阅读更多

eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需求,被迫使用,感觉确实很强大,记下来,忘了了看看!

 

需求: 1)         省内价格可用精确到地市(即,区号),省外价格只精确到省。(产品表中的产品集合将精确到地市,即一万多产品;非本省操作时,将只显示省名称,实际操作地市产品)。

         2)         产品查询:(查询条件)

               a)         地区(省内选择地市,省外选择省份)

               b)         面值

               c)         运营商

综上:1.jsp页面需要一个二级联动<select>,选择省内时查出当前工号对应省份的所有

        城市,例如:省内(黑龙江)-->查出哈尔滨、齐齐哈尔、大庆等。

      2.选择省外,查出T_AREA表中所有的省份,例如:黑龙江、辽宁、河南等。

 

一、ServiceImpl中方法

	/* 查询所有省号、所有省份名称--去掉重复的,此方法hibernate返回一个Object数组,对distinct 封装了
	 * @date 2011-5-21 下午04:31:26
	 */
	@Override
	public List<TArea> getProvinceAndCodeList() {
		String hql = "select distinct t.provinceCode,t.province from TArea t";
		
		List<TArea> list = queryByHql(hql);
		return list;
	}
	
	/* 根据区号,查询当前区号对应省内的所有市 集合
	 * @date 2011-5-21 下午04:57:00
	 */
	@Override
	public List<TArea> getProvinceListByAreaCode(String areaCode) {
		
		String sql = "";
		if(null != areaCode && !"".equals(areaCode)){
			
			sql = "select * from t_area t where t.province_code=" +
					"(select t1.province_code from t_area t1 where t1.area_code='"+areaCode+"')";
		}
		 List<TArea> list = queryBySql(sql);
			return list;
		
	}

 

 

二、struts2的Action两个方法中查询出

      

 

	/**
	 * 获得当前工号省内的所有--选择的省内
	 * @author mengxianjun
	 * @date 2011-5-23 上午09:28:14
	 */
	public void getAllCity() {
		
		try
		{
			String area_code = ConfigCtrl.getConfigValue("area_code");//配置表,获得默认区号
			
			tAreaList = areaService.getProvinceListByAreaCode(area_code);//当前工号所在省的所有市集合
			
			this.getResponse().setCharacterEncoding("UTF-8");
			PrintWriter out = this.getResponse().getWriter();
			JSONArray myjsonObj = JSONArray.fromObject(tAreaList);
			out.println(myjsonObj.toString());
			out.flush();
			out.close();
		}
		catch( Exception e )
		{
			log.error("PriceStrategyAction's method getAllCity ",e);
		}	
	}
	
	/**
	 * 获得所有省--选择的省外
	 * @author mengxianjun
	 * @date 2011-5-23 上午09:28:14
	 */
	public void getAllProvince() {
		
		try
		{
			allProvinceList = areaService.getProvinceAndCodeList();//所有省集合
			
			this.getResponse().setCharacterEncoding("UTF-8");
			PrintWriter out = this.getResponse().getWriter();
			JSONArray myjsonObj = JSONArray.fromObject(allProvinceList);
			out.println(myjsonObj.toString());
			out.flush();
			out.close();
		}
		catch( Exception e )
		{
			log.error("PriceStrategyAction's method getAllProvince ",e);
		}
	}

 

 三、jsp页面给<select>添加onchange事件,对应省内、省外变换<option>

<script type="text/javascript">
	function getAllCityOrProvince()
	{
		if( $("#Area_a").val()=='no' )
		{
			$("#Area_b").empty();//清空列表
			$("<option></option>").val("no").text("    ").appendTo($("#Area_b"));
		}

		/*省内*/
		if( $("#Area_a").val()=='nei' )
		{
			$("#Area_b").empty();//清空列表
			$.post("priceStrategy_getAllCity",'',function(data){
				$.each(eval(data),function(i){
					$("<option></option>").val(eval(data)[i].areaCode).text(eval(data)[i].city).appendTo($("#Area_b"));
				});
			});
		}

		/*省外*/
		if( $("#Area_a").val()=='wai' )
		{
			$("#Area_b").empty();//清空列表
			$.post("priceStrategy_getAllProvince","",function(data){
				//alert(data);
				$.each(eval(data),function(i){
					$("<option></option>").val(eval(eval(data)[i])[0]).text(eval(eval(data)[i])[1]).appendTo($("#Area_b"));
				});

				//第二种方法,纯js循环输出
				//alert(data);
				//alert(eval(data).length);
				/*for( var i=0; i<eval(data).length; i++ )
				{
					var obj1 = eval(eval(data)[i])[0];
					var obj2 = eval(eval(data)[i])[1];
					$("<option></option>").val(obj1).text(obj2).appendTo($("#Area_b"));
				}*/
			});
		}
	}
</script>

 

 

四、jsp页面,表单内容

<s:form id="form1" action="" target="main">
	<table border=1 width="100%">
		<tr>
			<td colspan="3">查询操作</td>
		</tr>
		<tr>
			<td>
				地区:
			</td>
			<td>
				<select id="Area_a" name="Area_a" size="1" onchange="getAllCityOrProvince()">
					<option value="no">==请选择==</option>
					<option value="nei">省内</option>
					<option value="wai">省外</option>
				</select>
				<select id="Area_b" name="Area_b" size="1">
					<option value="no">&nbsp;&nbsp;&nbsp;&nbsp;</option>
				</select>
			</td>
			<td><span id="textArea"></span></td>
		</tr>
		<tr>
			<td>
				面值:
			</td>
			<td>
				<input type="checkbox" id="selectALLMoney" onclick="checkAll(this,'money')"/>全选
				<input type="checkbox" name="money" value="1"/>1 &nbsp;
				<input type="checkbox" name="money" value="3"/>3 &nbsp;
				<input type="checkbox" name="money" value="5"/>5 &nbsp;
				<input type="checkbox" name="money" value="10"/>10 &nbsp;
				<input type="checkbox" name="money" value="20"/>20 &nbsp;
				<input type="checkbox" name="money" value="30"/>30 &nbsp;
				<input type="checkbox" name="money" value="50"/>50 &nbsp;<br>
				<input type="checkbox" name="money" value="100"/>100 &nbsp;
				<input type="checkbox" name="money" value="200"/>200 &nbsp;
				<input type="checkbox" name="money" value="300"/>300 &nbsp;
				<input type="checkbox" name="money" value="500"/>500 &nbsp;
				<input type="checkbox" name="money" value="1000"/>1000 &nbsp;
			</td>
			<td><span id="textMoney"></span></td>
		</tr>
		<tr>
			<td>
				运营商:
			</td>
			<td>
				<select id="operatorsCode" name="operatorsCode" size="1">
					<option value="all">全部</option>
					<option value="40">移动</option>
					<option value="41">联通</option>
					<option value="42">电信</option>
				</select>
			</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				
			</td>
			<td>
				<input type="button" value=" 查询 "  onclick="queryPrice()"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="button" value=" 重置 " onclick="resetQueryPrice()"/>
			</td>
			<td>&nbsp;</td>
		</tr>
	</table>
	<c:choose>
		<c:when test="${ pageHelper != null }">
			<table border=1 width="100%">
				<tr>
					<td colspan="3">批量操作</td>
				</tr>
				<tr>
					<td>价格:</td>
					<td>
						<input type="radio" id="pricesMarks" name="updateType" value="prices" checked="checked" onclick="pricesMarksOrRatioMarks()"><label for="pricesMarks">价格</label> 
						<input type="radio" id="ratioMarks" name="updateType" value="ratio" onclick="pricesMarksOrRatioMarks()"><label for="ratioMarks">比率 </label>
						
						<input type="text" id="price" name="price">
					</td>
					<td><span id="textPrice"></span></td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" id="batchUpdate" value="批量修改" onclick="batchUpdateMethod()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="button" id="allUpdate" value="全部修改" onclick="allUpdateMethod()">
					</td>
					<td><span id="textBatchUpdate"></span></td>
				</tr>
			</table>
			<table border=1 width="100%">
				<tr>
					<td>
						<display:table id="myList" name="pageHelper"  requestURI="priceStrategy_querAllPriceStrategy" sort="list" size="count">
						  <display:column title="<input type='checkbox' id='selectALL' onclick=\"checkAll(this,'checkboxProductTypeNum')\"/\>">
						  		<input type="checkbox" name="checkboxProductTypeNum" value="${ myList.typeNum }"/>
						  		<input type="hidden" name="hiddenTypeNum" value="${ myList.typeNum }"/>
						  </display:column>
						  <display:column property="typeName" title="价格策略名称"/>
						  <display:column property="createDate" title="创建时间" />
						  <display:column title="操作">
						  		<a href="priceStrategy_openUpdatePriceStrategy?typeNum=${ myList.typeNum }" target="main">修改策略</a>||
						  		<a href="priceStrategy_showDetailPriceStrategy?typeNum=${ myList.typeNum }" target="main">查看详情</a>
						  </display:column>
						</display:table>
					</td>
			   </tr>
			</table>
		</c:when>
		<c:otherwise>
		</c:otherwise>
	</c:choose>	
</s:form>

 

分享到:
评论

相关推荐

    C#编程经验技巧宝典

    10&lt;br&gt;&lt;br&gt;0023 如何添加引用第3方控件 11&lt;br&gt;&lt;br&gt;0024 如何生成DLL文件 11&lt;br&gt;&lt;br&gt;0025 如何使用不安全代码 11&lt;br&gt;&lt;br&gt;第2章 语言基础 13&lt;br&gt;&lt;br&gt;2.1 注释 14&lt;br&gt;&lt;br&gt;0026 如何对代码进行注释 14&lt;br&gt;...

    动态给head添加script

    总结来说,动态给`&lt;head&gt;`添加`&lt;script&gt;`是一种常见的网页优化策略,它能帮助我们实现更灵活的资源加载管理,提升网页性能。在实际应用中,我们应根据项目需求合理运用这一技术,确保页面加载的高效和顺畅。

    javaScript如何处理从java后台返回的list

    事情: 从java后台返回List&lt;String&gt;类型数据,用于界面显示。但js中想获取它并操作它。直接使用EL表达式,js把它识别成字符串了。不是我想要的啊。。网上搜了搜大家的解决方案…最好的当然是把List集合转成json格式...

    The Scheme

    The Scheme&lt;br&gt;Programming Language&lt;br&gt;&lt;br&gt;... Multitasking with Engines &lt;br&gt;&lt;br&gt;Bibliography&lt;br&gt;&lt;br&gt;Answers to Selected Exercises&lt;br&gt;&lt;br&gt;Formal Syntax of Scheme&lt;br&gt;&lt;br&gt;Summary of Forms&lt;br&gt;&lt;br&gt;Index&lt;br&gt;

    asp.net专家疑难解答200问

    如何备份和恢复数据库 &lt;br&gt; 第9章 ASP.NET安全策略 &lt;br&gt; 第10章 常用功能及函数集 &lt;br&gt;180.如何在ASP.NET中获得客户端IP地址 &lt;br&gt;181.如何取得一定范围内的随机数 &lt;br&gt;182.如何取得文件的扩展名示例一 &lt;br&gt;182.如何...

    VB编程资源大全(控件 窗体1)

    led.zip &lt;br&gt;LED控件(165KB)&lt;br&gt;24,led.exe &lt;br&gt;LED 控件(348KB)&lt;br&gt;25,picbtn.exe &lt;br&gt;图片按钮控件(365KB)&lt;br&gt;26,tips.exe &lt;br&gt;工具提示文本控件(354KB)&lt;br&gt;27,numberled.zip &lt;br&gt;NumberLED控件能生成非常漂亮的...

    javascript 写的计算器

    JavaScript中的`eval()`函数可以方便地解析和执行字符串形式的数学表达式,但因为安全问题,不建议在生产环境中使用。通常我们会自定义计算函数,如`calculate()`,来处理用户输入的表达式。 ```javascript ...

    JavaScript+xml实现下拉二级联动菜单

    ### JavaScript + XML 实现下拉二级联动菜单 #### 一、简单说明与功能特性 本文将详细介绍如何利用JavaScript和XML来构建一个具有二级联动功能的下拉菜单。此菜单的一个显著优势是它能够覆盖网页上的任何元素,...

    实现select下拉选项可编辑

    &lt;div id="selecthtml" class="selectcontent"&gt;select&Aacute;&ETH;&lt;/div&gt; &lt;/div&gt; ``` 这个隐藏的`&lt;div&gt;`将会被动态填充选项。 2. **CSS 样式** 使用CSS对上述元素进行样式化,例如设置背景颜色、边距等。 3...

    设计一个简单的网页

    &lt;%# DataBinder.Eval(Container.DataItem, "Name")%&gt; &lt;/td&gt; &lt;td&gt; &lt;%# DataBinder.Eval(Container.DataItem, "Sex")%&gt; &lt;/td&gt; &lt;td&gt; &lt;%# DataBinder.Eval(Container.DataItem, "myEmail")%&gt; &lt;/td&gt;

    asp:Repeater绑定

    %&gt;&lt;/td&gt;&lt;td&gt;&lt;%# Eval&#40;"treatyGovernment"&#41; %&gt;&lt;/td&gt;&lt;td&gt;&lt;%# Eval&#40;"signerTitle"&#41; %&gt;&lt;/td&gt;&lt;td&gt;&lt;%# Eval&#40;"treatySigner"&#41; %&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" value="编辑" /&gt;&lt;input...

    jquery+ajax+jsp+servlet实现二级级联菜单

    ### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...

    JavaScript大学教程

    JavaScript 是一种轻量级的解释型编程语言,主要用于网页和网络应用中的客户端脚本语言。它由Netscape公司开发,用于增强网页的交互性。JavaScript可以在HTML文档中嵌入,通过解析器执行,使得网页能够动态响应用户...

    Ajax in action 英文版配书源码.rar

    Dear 'Ajax in Action' Readers,&lt;br&gt;&lt;br&gt;This zip file gathers together the source code for the... Your feedback is welcome.&lt;br&gt;&lt;br&gt;Regards,&lt;br&gt;&lt;br&gt;Dave Crane&lt;br&gt;Gloucestershire UK&lt;br&gt;November 2005 &lt;br&gt;&lt;br&gt;

    Xss字符编码突破过滤方法总结

    &lt;script&gt;eval(“alert(‘xss’)”);&lt;/script&gt; 这种方法使用eval函数来计算字符串,并执行其中的js代码,以欺骗安全检查。 9、String.fromCharCode 函数突破 &lt;script&gt;String.fromCharCode(97, 108, 101, 114, 116,...

    javascript帮助文档

    &lt;head&gt;&lt;title&gt;九九乘法表&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;script language="javascript"&gt; // 代码实现 &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; ``` - **JavaScript代码**: ```javascript for (let i = 1; i &lt;= 9; i++) { ...

    AspNetPager1

    &lt;td&gt;&lt;%#DataBinder.Eval(Container.DataItem,"Activation")%&gt;&lt;/td&gt; &lt;td&gt;&lt;%#DataBinder.Eval(Container.DataItem, "DealerId")%&gt;&lt;/td&gt; &lt;td&gt;&lt;%#DataBinder.Eval(Container.DataItem, "UserId")%&gt;&lt;/td&gt; &lt;td&gt;&lt;%#...

    repeater的简单使用

    &lt;asp:Label ID="Label1" runat="server" Text='&lt;%#Eval("EmployeeCode") %&gt;'&gt;&lt;/asp:Label&gt;&lt;/td&gt; &lt;td align="center"&gt; &lt;asp:TextBox ID="TextBox1" runat="server" Text='&lt;%#Eval("EmployeeName") %&gt;' Width="100...

    实验5_数据库增删改查操作训练二.doc

    &lt;td&gt;&lt;%# Eval("BrandDescription") %&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/ItemTemplate&gt; &lt;FooterTemplate&gt; &lt;/table&gt; &lt;/FooterTemplate&gt; &lt;/asp:Repeater&gt; 程序代码: private DataTable getCategory() { string CString = ...

    web 编程 基础 复习题

    2. 表单控件:`&lt;input&gt;`(如文本框、按钮等),`&lt;select&gt;`(下拉列表),`&lt;textarea&gt;`(多行文本输入)等。 **六、CSS技术** 1. 链接样式表:外部样式表(`&lt;link&gt;`标签),内部样式表(`&lt;style&gt;`标签),内联样式...

Global site tag (gtag.js) - Google Analytics