jquery 选择 select方法

最新推荐文章于 2024-07-26 03:31:08 发布

原创最新推荐文章于 2024-07-26 03:31:08 发布 · 615 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了使用Struts框架进行后端开发时如何与前端页面交互的方法。具体展示了通过SelectList组件选择部门和岗位的过程，并利用jQuery实现了点击保存按钮前的表单验证。


 <s:select list="#departmentlist" listKey="did"  listValue="dname" headerKey="" headerValue="请选择部门" name="did" cssClass="SelectStyle"/>
                               

<s:select list="#postlist"  size="10" listKey="pid" listValue="pname" name="pids" headerKey="" multiple="true" cssClass="SelectStyle" headerValue="请选择岗位"/>
           

<input type="image" src="${pageContext.request.contextPath}/css/images/save.png"/>

$().ready(function(){
	$("input[type='image']").unbind("click");
	$("input[type='image']").bind("click",function() {
	 	if($("select[name='did'] option:selected").attr("value")=="")
	 	{
	 		alert("请选择部门");
	 		return false;
	 	}else{
	 		if($("select[name='pids'] option:selected").attr("value")=="")
	 		{
	 		alert("请选择岗位");
	 		return false;
	 		}
	 	  return true;
	 	}
	});
});