使用jQuery仿招聘网站选择城市行业职位代码



54 215 72



特效描述:使用jQuery 仿招聘网站 选择城市行业职位,使用jQuery仿招聘网站选择城市行业职位代码

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css.css" />
<link rel="stylesheet" type="text/css" href="alpha.css" />

2. 引入JS

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="drag.js"></script>
<script type="text/javascript" src="city_arr.js"></script>
<script type="text/javascript" src="nationality_arr.js"></script>
<script type="text/javascript" src="funtype_arr.js"></script>
<script type="text/javascript" src="industry_arr.js"></script>
<script type="text/javascript" src="major_arr.js"></script>
<script type="text/javascript" src="nationality_func.js"></script>
<script type="text/javascript" src="city_func.js"></script>
<script type="text/javascript" src="city_func.js"></script>
<script type="text/javascript" src="city_func.js"></script>
<script type="text/javascript" src="funtype_func.js"></script>
<script type="text/javascript" src="funtype_func.js"></script>
<script type="text/javascript" src="industry_func.js"></script>
<script type="text/javascript" src="industry_func.js"></script>
<script type="text/javascript" src="major_func.js"></script>
<script type="text/javascript" src="certificate_arr.js"></script>
<script type="text/javascript" src="certificate_func.js"></script>

3. HTML代码

<script type="text/javascript">
// 是否在数组内
function in_array(needle, haystack) {
	if(typeof needle == 'string' || typeof needle == 'number') {
		for(var i in haystack) {
			if(haystack[i] == needle) {
					return true;
			}
		}
	}
	return false;
}
</script>
<div style="height:1000px;margin:50px 0 0 400px">
<div style="padding:30px;font-size:26px;color:red">同时引入多个js文件,页面加载后再点击</div>
<form method="POST" action="">
	<input id="btn_nation" type="button" value="请选择国籍" onclick="nationSelect()" />
	<input id="nation" type="hidden" name="nation" value="" />
<br /><br />
	<input id="btn_residency" type="button" value="请选择居住地" onclick="residencySelect()" />
	<input id="residency" type="hidden" name="residency" value="" />
<br /><br />
	<input id="btn_hukou" type="button" value="户口所在地" onclick="hukouSelect()" />
	<input id="hukou" type="hidden" name="hukou" value="" />
<br /><br />
	<input id="btn_jobArea" type="button" value="请选择地区" onclick="jobAreaSelect()" />
	<input id="jobAreaID" type="hidden" name="jobAreaID" value="" />多选
<br /><br /><br /><br />
	<input id="btn_FuntypeID" type="button" value="请选择职能类别" onclick="funtypeSelect()" />
	<input id="FuntypeID" type="hidden" name="FuntypeID" value="" />多选
<br /><br />
	<input id="btn_FuntypeID_2" type="button" value="请选择职能类别" onclick="funtypeSelect_2()" />
	<input id="FuntypeID_2" type="hidden" name="FuntypeID_2" value="" />单选
<br /><br />
	<input id="btn_IndustryID" type="button" value="请选择行业" onclick="IndustrySelect()" />
	<input id="IndustryID" type="hidden" name="IndustryID" value="" />多选
<br /><br />
	<input id="btn_IndustryID_2" type="button" value="请选择行业" onclick="IndustrySelect_2()" />
	<input id="IndustryID_2" type="hidden" name="IndustryID_2" value="" />单选
<br /><br /><br /><br />
	<input id="btn_MajorID_2" type="button" value="请选择专业" onclick="majorSelect_2()" />
	<input id="MajorID_2" type="hidden" name="MajorID_2" value="" />单选
<br /><br /><br /><br />	
	<select id="certificate" name="certificate">
		<option value="00">自定义</option>
		<option value="01">外语证书</option>
		<option value="02">计算机证书</option>
		<option value="03">会计证书</option>
		<option value="04">职称证书</option>
		<option value="05">其他证书</option>
	</select>
	<select id="certificate_2" name="certificate_2" style="width:300px;display:none"></select>
	<input id="certificate_3" name="certificate_3" type="text" />
</form>
</div>
<!-- alpha div -->
<div id="maskLayer" style="display:none">
<iframe id="maskLayer_iframe" frameBorder=0 scrolling=no style="filter:alpha(opacity=50)"></iframe>
<div id="alphadiv" style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5"></div>
	<div id="drag">
		<h3 id="drag_h"></h3>
		<div id="drag_con"></div><!-- drag_con end -->
	</div>
</div><!-- maskLayer end -->
</div>
<!-- alpha div end -->
<div id="sublist" style="display:none"></div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 浮动提示框 切换按钮 表单 表单美化 表单插件 表单美化插件 浮动菜单 浮动导航 提示框/弹出层 下拉框 select下拉菜单 select美化 select美化框 复选框 复选按钮 复选框美化 单选框 单选按钮 城市选择 城市选择器

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到