使用jQuery仿招聘網站選擇城市行業職位代碼



59 235 79



特效描述:使用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

加群請備注:從官網了解到

老夫子电子