扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
一:对文章关键字的搜索(数组的方法):
创新互联是一家集网站建设,青田企业网站建设,青田品牌网站建设,网站定制,青田网站建设报价,网络营销,网络优化,青田网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
!DOCTYPE html
html
head
meta charset="utf-8" /
title/title
style type="text/css"
#search{
height:40px;width: 200px;font-size: 30px;text-align: center;
}
#div {
font-size: 20px;width: 600px;
}
#div span{
color: red;
}
/style
/head
body
input type="text" name="search" id="search" value="馋" onclick="this.value='' "/
input type="button" name="" id="bbtn" value="搜索" /
div id="div"
p馋,在英文里找不到一个十分适当的字。罗马暴君尼禄,以至于英国的亨利八世,在大宴群臣的时候,常见其撕下一根根又粗又壮的鸡腿,举起来大嚼,旁若无人,好一副饕餮相!但那不是馋。埃及废王法鲁克,据说每天早餐一口气吃二十个荷包蛋,也不是馋,只是放肆,只是没有吃相。对有某一种食物有所偏好,于是大量的吃,这是贪多无厌。馋,则着重在食物的质,最需要满足的是品味。上天生人,在他嘴里安放一条舌,舌上还有无数的味蕾,教人焉得不馋?馋,基于生理的要求;也可以发展成为近于艺术的趣味。
也许我们中国人特别馋一些。馋字从食,有声。毚音谗,本义是狡兔,善于奔走,人为了口腹之欲,不惜多方奔走以膏馋吻,所谓“为了一张嘴,跑断两条腿”。/p
/div
script type="text/javascript"
var bbtn=document.getElementById('bbtn');
var search=document.getElementById('search');
var text=document.getElementsByTagName('p')[0];
var text1=text.innerHTML;
var arr=[];
var str=text1;
bbtn.onclick=function(){
str=text1
arr=search.value;
str=str.split(arr).join('span'+arr+'/span');
text.innerHTML=str;
}
/script
/body
/html
二:对li表单的搜索:
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
style type="text/css"
*{
padding: 0;margin: 0;
}
#content{
margin: 100px 300px;display: block;
}
input{
height: 50px;width: 400px;font-size: 30px;line-height: 50px;
}
ul{
}
li{
margin:10px 0px;display: block;
}
/style
/head
body
div id="content"
ul
input type="" name="" id="" value="" placeholder="请输入城市的名称或拼音"/
li pname="北京" cname="bj"北京/li
li pname="株洲" cname="zz"株洲/li
li pname="上海" cname="sh"上海/li
li pname="长沙" cname="cs"长沙/li
li pname="杭州" cname="hz"杭州/li
li pname="天津" cname="tj"天津/li
li pname="西安" cname="xa"西安/li
li pname="成都" cname="cd"成都/li
li pname="武汉" cname="wh"武汉/li
li pname="南京" cname="nj"南京/li
/ul
/div
script type="text/javascript"
var li=document.getElementsByTagName('li');
var text=document.getElementsByTagName('input')[0];
function search(){
var arr=text.value;
for(var i=0;ili.length;i++)
{
li[i].style.display="none";
if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)
{
li[i].style.display="block";
}
}
}
text.oninput=function(){
search();
}
/script
/body
/html
试试这个:
script language="JavaScript"
!--
var g_selProvince;
var g_selCity;
var Provinces=new Array(
new Array("110000","北京市"),
new Array("120000","天津市"),
new Array("130000","河北省"),
new Array("140000","山西省"),
new Array("150000","内蒙古自治区"),
new Array("210000","辽宁省"),
new Array("220000","吉林省"),
new Array("230000","黑龙江省"),
new Array("310000","上海市"),
new Array("320000","江苏省"),
new Array("330000","浙江省"),
new Array("340000","安徽省"),
new Array("350000","福建省"),
new Array("360000","江西省"),
new Array("370000","山东省"),
new Array("410000","河南省"),
new Array("420000","湖北省"),
new Array("430000","湖南省"),
new Array("440000","广东省"),
new Array("450000","广西壮族自治区"),
new Array("460000","海南省"),
new Array("500000","重庆市"),
new Array("510000","四川省"),
new Array("520000","贵州省"),
new Array("530000","云南省"),
new Array("540000","西藏自治区"),
new Array("610000","陕西省"),
new Array("620000","甘肃省"),
new Array("630000","青海省"),
new Array("640000","宁夏回族自治区"),
new Array("650000","新疆维吾尔自治区"),
new Array("710000","台湾省"),
new Array("810000","香港特别行政区"),
new Array("820000","澳门特别行政区")
);
var Citys=new Array(
new Array("110100","北京"),
new Array("120100","天津"),
new Array("130101","石家庄"),
new Array("130201","唐山"),
new Array("130301","秦皇岛"),
new Array("130701","张家口"),
new Array("130801","承德"),
new Array("131001","廊坊"),
new Array("130401","邯郸"),
new Array("130501","邢台"),
new Array("130601","保定"),
new Array("130901","沧州"),
new Array("133001","衡水"),
new Array("140101","太原"),
new Array("140201","大同"),
new Array("140301","阳泉"),
new Array("140501","晋城"),
new Array("140601","朔州"),
new Array("142201","忻州"),
new Array("142331","离石"),
new Array("142401","榆次"),
new Array("142601","临汾"),
new Array("142701","运城"),
new Array("140401","长治"),
new Array("150101","呼和浩特"),
new Array("150201","包头"),
new Array("150301","乌海"),
new Array("152601","集宁"),
new Array("152701","东胜"),
new Array("152801","临河"),
new Array("152921","阿拉善左旗"),
new Array("150401","赤峰"),
new Array("152301","通辽"),
new Array("152502","锡林浩特"),
new Array("152101","海拉尔"),
new Array("152201","乌兰浩特"),
new Array("210101","沈阳"),
new Array("210201","大连"),
new Array("210301","鞍山"),
new Array("210401","抚顺"),
new Array("210501","本溪"),
new Array("210701","锦州"),
new Array("210801","营口"),
new Array("210901","阜新"),
new Array("211101","盘锦"),
new Array("211201","铁岭"),
new Array("211301","朝阳"),
new Array("211401","锦西"),
new Array("210601","丹东"),
new Array("220101","长春"),
new Array("220201","吉林"),
new Array("220301","四平"),
new Array("220401","辽源"),
new Array("220601","浑江"),
new Array("222301","白城"),
new Array("222401","延吉"),
new Array("220501","通化"),
new Array("230101","哈尔滨"),
new Array("230301","鸡西"),
new Array("230401","鹤岗"),
new Array("230501","双鸭山"),
new Array("230701","伊春"),
new Array("230801","佳木斯"),
new Array("230901","七台河"),
new Array("231001","牡丹江"),
new Array("232301","绥化"),
new Array("230201","齐齐哈尔"),
new Array("230601","大庆"),
new Array("232601","黑河"),
new Array("232700","加格达奇"),
new Array("310100","上海"),
new Array("320101","南京"),
new Array("320201","无锡"),
new Array("320301","徐州"),
new Array("320401","常州"),
new Array("320501","苏州"),
new Array("320600","南通"),
new Array("320701","连云港"),
new Array("320801","淮阴"),
new Array("320901","盐城"),
new Array("321001","扬州"),
new Array("321101","镇江"),
new Array("330101","杭州"),
new Array("330201","宁波"),
new Array("330301","温州"),
new Array("330401","嘉兴"),
new Array("330501","湖州"),
new Array("330601","绍兴"),
new Array("330701","金华"),
new Array("330801","衢州"),
new Array("330901","舟山"),
new Array("332501","丽水"),
new Array("332602","临海"),
new Array("340101","合肥"),
new Array("340201","芜湖"),
new Array("340301","蚌埠"),
new Array("340401","淮南"),
new Array("340501","马鞍山"),
new Array("340601","淮北"),
new Array("340701","铜陵"),
new Array("340801","安庆"),
new Array("341001","黄山"),
new Array("342101","阜阳"),
new Array("342201","宿州"),
new Array("342301","滁州"),
new Array("342401","六安"),
new Array("342501","宣州"),
new Array("342601","巢湖"),
new Array("342901","贵池"),
new Array("350101","福州"),
new Array("350201","厦门"),
new Array("350301","莆田"),
new Array("350401","三明"),
new Array("350501","泉州"),
new Array("350601","漳州"),
new Array("352101","南平"),
new Array("352201","宁德"),
new Array("352601","龙岩"),
new Array("360101","南昌"),
new Array("360201","景德镇"),
new Array("362101","赣州"),
new Array("360301","萍乡"),
new Array("360401","九江"),
new Array("360501","新余"),
new Array("360601","鹰潭"),
new Array("362201","宜春"),
new Array("362301","上饶"),
new Array("362401","吉安"),
new Array("362502","临川"),
new Array("370101","济南"),
new Array("370201","青岛"),
new Array("370301","淄博"),
new Array("370401","枣庄"),
new Array("370501","东营"),
new Array("370601","烟台"),
new Array("370701","潍坊"),
new Array("370801","济宁"),
new Array("370901","泰安"),
new Array("371001","威海"),
new Array("371100","日照"),
new Array("372301","滨州"),
new Array("372401","德州"),
new Array("372501","聊城"),
new Array("372801","临沂"),
new Array("372901","菏泽"),
new Array("410101","郑州"),
new Array("410201","开封"),
new Array("410301","洛阳"),
new Array("410401","平顶山"),
new Array("410501","安阳"),
new Array("410601","鹤壁"),
new Array("410701","新乡"),
new Array("410801","焦作"),
new Array("410901","濮阳"),
new Array("411001","许昌"),
new Array("411101","漯河"),
new Array("411201","三门峡"),
new Array("412301","商丘"),
new Array("412701","周口"),
new Array("412801","驻马店"),
new Array("412901","南阳"),
new Array("413001","信阳"),
new Array("420101","武汉"),
new Array("420201","黄石"),
new Array("420301","十堰"),
new Array("420400","沙市"),
new Array("420501","宜昌"),
new Array("420601","襄樊"),
new Array("420701","鄂州"),
new Array("420801","荆门"),
new Array("422103","黄州"),
new Array("422201","孝感"),
new Array("422301","咸宁"),
new Array("422421","江陵"),
new Array("422801","恩施"),
new Array("430101","长沙"),
new Array("430401","衡阳"),
new Array("430501","邵阳"),
new Array("432801","郴州"),
new Array("432901","永州"),
new Array("430801","大庸"),
new Array("433001","怀化"),
new Array("433101","吉首"),
new Array("430201","株洲"),
new Array("430301","湘潭"),
new Array("430601","岳阳"),
new Array("430701","常德"),
new Array("432301","益阳"),
new Array("432501","娄底"),
new Array("440101","广州"),
new Array("440301","深圳"),
new Array("441501","汕尾"),
new Array("441301","惠州"),
new Array("441601","河源"),
new Array("440601","佛山"),
new Array("441801","清远"),
new Array("441901","东莞"),
new Array("440401","珠海"),
new Array("440701","江门"),
new Array("441201","肇庆"),
new Array("442001","中山"),
new Array("440801","湛江"),
new Array("440901","茂名"),
new Array("440201","韶关"),
new Array("440501","汕头"),
new Array("441401","梅州"),
new Array("441701","阳江"),
new Array("450101","南宁"),
new Array("450401","梧州"),
new Array("452501","玉林"),
new Array("450301","桂林"),
new Array("452601","百色"),
new Array("452701","河池"),
new Array("452802","钦州"),
new Array("450201","柳州"),
new Array("450501","北海"),
new Array("460100","海口"),
new Array("460200","三亚"),
new Array("510101","成都"),
new Array("513321","康定"),
new Array("513101","雅安"),
new Array("513229","马尔康"),
new Array("510301","自贡"),
new Array("500100","重庆"),
new Array("512901","南充"),
new Array("510501","泸州"),
new Array("510601","德阳"),
new Array("510701","绵阳"),
new Array("510901","遂宁"),
new Array("511001","内江"),
new Array("511101","乐山"),
new Array("512501","宜宾"),
new Array("510801","广元"),
new Array("513021","达县"),
new Array("513401","西昌"),
new Array("510401","攀枝花"),
new Array("500239","黔江土家族苗族自治县"),
new Array("520101","贵阳"),
new Array("520200","六盘水"),
new Array("522201","铜仁"),
new Array("522501","安顺"),
new Array("522601","凯里"),
new Array("522701","都匀"),
new Array("522301","兴义"),
new Array("522421","毕节"),
new Array("522101","遵义"),
new Array("530101","昆明"),
new Array("530201","东川"),
new Array("532201","曲靖"),
new Array("532301","楚雄"),
new Array("532401","玉溪"),
new Array("532501","个旧"),
new Array("532621","文山"),
new Array("532721","思茅"),
new Array("532101","昭通"),
new Array("532821","景洪"),
new Array("532901","大理"),
new Array("533001","保山"),
new Array("533121","潞西"),
new Array("533221","丽江纳西族自治县"),
new Array("533321","泸水"),
new Array("533421","中甸"),
new Array("533521","临沧"),
new Array("540101","拉萨"),
new Array("542121","昌都"),
new Array("542221","乃东"),
new Array("542301","日喀则"),
new Array("542421","那曲"),
new Array("542523","噶尔"),
new Array("542621","林芝"),
new Array("610101","西安"),
new Array("610201","铜川"),
new Array("610301","宝鸡"),
new Array("610401","咸阳"),
new Array("612101","渭南"),
new Array("612301","汉中"),
new Array("612401","安康"),
new Array("612501","商州"),
new Array("612601","延安"),
new Array("612701","榆林"),
new Array("620101","兰州"),
new Array("620401","白银"),
new Array("620301","金昌"),
new Array("620501","天水"),
new Array("622201","张掖"),
new Array("622301","武威"),
new Array("622421","定西"),
new Array("622624","成县"),
new Array("622701","平凉"),
new Array("622801","西峰"),
new Array("622901","临夏"),
new Array("623027","夏河"),
new Array("620201","嘉峪关"),
new Array("622102","酒泉"),
new Array("630100","西宁"),
new Array("632121","平安"),
new Array("632221","门源回族自治县"),
new Array("632321","同仁"),
new Array("632521","共和"),
new Array("632621","玛沁"),
new Array("632721","玉树"),
new Array("632802","德令哈"),
new Array("640101","银川"),
new Array("640201","石嘴山"),
new Array("642101","吴忠"),
new Array("642221","固原"),
new Array("650101","乌鲁木齐"),
new Array("650201","克拉玛依"),
new Array("652101","吐鲁番"),
new Array("652201","哈密"),
new Array("652301","昌吉"),
new Array("652701","博乐"),
new Array("652801","库尔勒"),
new Array("652901","阿克苏"),
new Array("653001","阿图什"),
new Array("653101","喀什"),
new Array("654101","伊宁"),
new Array("710001","台北"),
new Array("710002","基隆"),
new Array("710020","台南"),
new Array("710019","高雄"),
new Array("710008","台中"),
new Array("211001","辽阳"),
new Array("653201","和田"),
new Array("542200","泽当镇"),
new Array("542600","八一镇"),
new Array("820000","澳门"),
new Array("810000","香港")
);
function FillProvinces(selProvince)
{
selProvince.options[0]=new Option("请选择","000000");
for(i=0;iProvinces.length;i++)
{
selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);
}
selProvince.options[0].selected=true;
selProvince.length=i+1;
}
function FillCitys(selCity,ProvinceCode)
{
//if the province is a direct-managed city, like Beijing, shanghai, tianjin, chongqin,hongkong, macro
//need not "请选择选项"
if(ProvinceCode=="110000"||ProvinceCode=="120000"||ProvinceCode=="310000"
||ProvinceCode=="810000"||ProvinceCode=="820000"||ProvinceCode=="500000")
count=0;
else
{selCity.options[0]=new Option("请选择",ProvinceCode);
count=1;}
for(i=0;iCitys.length;i++)
{
if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2))
{
selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);
count=count+1;
}
}
selCity.options[0].selected=true;
selCity.length=count;
}
function Province_onchange()
{
FillCitys(g_selCity,g_selProvince.value);
}
function InitCitySelect(selProvince,selCity)
{
//alert("begin");
g_selProvince=selProvince;
g_selCity=selCity;
selProvince.onchange=Function("Province_onchange();");
FillProvinces(selProvince);
Province_onchange();
}
function InitCitySelect2(selProvince,selCity,CityCode)
{
InitCitySelect(selProvince,selCity)
for(i=0;iselProvince.length;i++)
{
if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2))
{
selProvince.options[i].selected=true;
}
}
Province_onchange();
for(i=0;iselCity.length;i++)
{
if(selCity.options[i].value==CityCode)
{
selCity.options[i].selected=true;
}
}
}
//--
/script
form name="profile" method="post" action="where.asp"
SELECT id=province size=1 name=province
OPTION selected/OPTION
/SELECT
SELECT id=city size=1 name=city
OPTION selected/OPTION
/SELECT
SCRIPT language=javascript
InitCitySelect(document.profile.province,document.profile.city);
/SCRIPT
input type="submit"
/form
如你要提取市的数据,你需要在接受请求页面写如下代码:
shi=trim(request.form("city"))
就可以得到市的值了。
还有这是用Form传递参数,而不是用QueryString传递。
创优智才做这个实力还是不错的,在武汉排在前列。
前端工作:
前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间是从2005年开始的,是指Web前端开发工程师的简称。 Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。如2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。[1]
前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!HTML甚至不是一门语言,仅仅是简单的标记语言!CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript的基础部分相对来说不难,入手还算快。
前端开发的入门门槛很低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。也正因为如此,前端开发领域有很多自学成“才”的同行,但大多数人都停留在会用的阶段,因为后面的学习曲线越来越陡峭,每前进一步都很难。人们常说:不想当裁缝的司机,不是个好厨师。如果单纯只是学习前端编程语言、而不懂后端编程语言(PHP、ASP.NET,JSP、Python),也不能算作是优秀的前端工程师。在成为一个优秀的前端工程师的道路上,充满了汗水和辛劳。
这个是我国的各省的城市选择网页,你可以按自己的要求进行一些改动.
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title省份选城市/title
style type="text/css"
!--
form{margin:0;padding:0;}
img{border:0;}
body,select,input,td{ font-family:宋体,Arial; font-size: 12px; font-family: Arial; margin-top: 2px;}
#hd{clear:both;width:700px;margin:0 auto;margin-bottom:.5em;padding:.5em 0 0 0;}
.rlcon a{text-decoration:none;margin-left:.3em;}
.mcon,.lpanel,.panel{text-align:left;}
.lg{float:left;width:185px;padding:.5em 0;}
.rl{float:right;width:100%;margin:0 0 0 -30em;}
.rlcon{text-align:right;height:32px;margin:0 0 0 190px;color:#b8b8b8;border-bottom:1px solid #b5b5b5;overflow:hidden;line-height:45px;}
#lcon{float:left;width:180px;}
#mcon{float:right;width:100%;margin:0 0 0 -20em;}
.mcon{margin:0 0 0 190px;width:570px;}
.xb{border-top:1px solid transparent !important;border-top:0;clear:both;}
#footer {margin:0 auto;width:740px;text-align:center;font-size:12px;height:30px;line-height:30px;border-top:1px solid #666;}
table{clear:both;text-align:left;}
#tip{clear:both;margin:0 auto;width:500px;background-color:#ffffe1;border:1px solid #ACA899;padding:1em;margin:1em;text-align:left;color:#ff0000;}
#tip #cancel{float:right;}
#tip ul{display:block;margin:0;padding:0;list-style-type:none;}
#tip ul li{float:left;width:220px;line-height:1.5em;background-color:#ffffe1;}
#hidenbox{border-top:1px solid transparent !important;border-top:0;clear:both;}
.bnt14{font-size:13px;font-family:宋体,Arial;line-height:18px;height:25px;}
--
/style
/head
html
body
center
form name="personalorder" action="preferences" method="POST"
div id="hd"
TABLE height=20 cellSpacing=0 cellPadding=0 width=714 align=center
border=0
TBODY
TR
TD height="60" vAlign=center DIV class=s5 align=center选择省市:
select name="prov" onchange="setInd(this)"
option value=0不预定/optionoption value=8610北京/optionoption value=8621上海/optionoption value=8622天津/optionoption value=8623重庆/optionoption value=86311河北/optionoption value=8625江苏/optionoption value=86571浙江/optionoption value=8620广东/optionoption value=86351山西/optionoption value=8624辽宁/optionoption value=86431吉林/optionoption value=86451黑龙江/optionoption value=86551安徽/optionoption value=86591福建/optionoption value=86791江西/optionoption value=86531山东/optionoption value=86371河南/optionoption value=8627湖北/optionoption value=86731 selected湖南/optionoption value=8628四川/optionoption value=86851贵州/optionoption value=86871云南/optionoption value=8629陕西/optionoption value=86931甘肃/optionoption value=86971青海/optionoption value=86471内蒙古/optionoption value=86771广西/optionoption value=86898海南/optionoption value=86891西藏/optionoption value=86951宁夏/optionoption value=86991新疆/optionoption value=88610台湾/optionoption value=85210香港/optionoption value=85310澳门/option/SELECT
选择城市:
SELECT name=locid
OPTION value=86731731长沙/OPTIONOPTION value=86731730岳阳/OPTIONOPTION value=86731732湘潭/OPTIONOPTION value=86731733株洲/OPTIONOPTION value=86731734衡阳/OPTIONOPTION value=86731735郴州/OPTIONOPTION value=86731736常德/OPTIONOPTION value=86731737益阳/OPTIONOPTION value=86731738娄底/OPTIONOPTION value=86731739邵阳/OPTIONOPTION value=86731743 selected吉首/OPTIONOPTION value=86731745怀化/OPTIONOPTION value=86731746永州/OPTION
/SELECT
/DIV
script
function cls_inpt(){
var _inpt=document.getElementsByTagName("input");
for(var i=0;i_inpt.length;i++){
if(_inpt[i].name.indexOf('stockid')=0 ||_inpt[i].name.indexOf('showname')=0 ||_inpt[i].name.indexOf('stockname')=0){
_inpt[i].value='';
}
}
return false;
}
cityarray0 = new Array(
"0;不预定");
cityarray8610 = new Array(
"861010;北京");
cityarray8621 = new Array(
"862121;上海");
cityarray8622 = new Array(
"862222;天津");
cityarray8623 = new Array(
"862323;重庆",
"86232314;万州",
"8623810;涪陵");
cityarray86311 = new Array(
"86311311;石家庄",
"86311310;邯郸",
"86311312;保定",
"86311313;张家口",
"86311314;承德",
"86311315;唐山",
"86311316;廊坊",
"86311317;沧州",
"86311318;衡水",
"86311319;邢台",
"86311335;秦皇岛");
cityarray8625 = new Array(
"862525;南京",
"8625510;无锡",
"8625511;镇江",
"8625512;苏州",
"8625513;南通",
"8625514;扬州",
"8625515;盐城",
"8625516;徐州",
"8625517;淮安",
"862551701;淮阴",
"8625518;连云港",
"8625519;常州",
"8625523;泰州",
"8625527;宿迁");
cityarray86571 = new Array(
"86571571;杭州",
"86571570;衢州",
"86571572;湖州",
"86571573;嘉兴",
"86571574;宁波",
"86571575;绍兴",
"86571576;台州",
"86571577;温州",
"86571578;丽水",
"86571579;金华",
"86571580;舟山");
cityarray8620 = new Array(
"862020;广州",
"8620660;汕尾",
"8620662;阳江",
"8620663;揭阳",
"8620668;茂名",
"8620750;江门",
"8620751;韶关",
"8620752;惠州",
"8620753;梅州",
"8620754;汕头",
"8620755;深圳",
"8620756;珠海",
"8620757;佛山",
"8620758;肇庆",
"8620759;湛江",
"8620760;中山",
"8620762;河源",
"8620763;清远",
"8620766;云浮",
"8620768;潮州",
"8620769;东莞");
cityarray86351 = new Array(
"86351351;太原",
"86351349;朔州",
"86351350;忻州",
"86351352;大同",
"86351353;阳泉",
"86351354;榆次",
"86351355;长治",
"86351356;晋城",
"86351357;临汾",
"86351358;吕梁",
"86351359;运城");
cityarray8624 = new Array(
"862424;沈阳",
"8624410;铁岭",
"8624411;大连",
"8624412;鞍山",
"8624413;抚顺",
"8624414;本溪",
"8624415;丹东",
"8624416;锦州",
"8624417;营口",
"8624418;阜新",
"1378819;辽阳",
"8624421;朝阳",
"8624427;盘锦",
"8624429;葫芦岛");
cityarray86431 = new Array(
"86431431;长春",
"86431432;吉林",
"86431434;四平",
"86431435;通化",
"86431436;白城",
"86431437;辽源",
"86431438;松原",
"86431439;白山");
cityarray86451 = new Array(
"86451451;哈尔滨",
"86451452;齐齐哈尔",
"86451453;牡丹江",
"86451454;佳木斯",
"86451455;绥化",
"86451456;黑河",
"86451458;伊春",
"86451459;大庆",
"86451464;七台河",
"86451467;鸡西",
"86451468;鹤岗",
"86451469;双鸭山",
"86451470;大兴安岭");
cityarray86551 = new Array(
"86551551;合肥",
"86551550;滁州",
"86551552;蚌埠",
"86551553;芜湖",
"86551554;淮南",
"86551555;马鞍山",
"86551556;安庆",
"86551557;宿州",
"86551558;阜阳",
"8655155801;亳州",
"86551559;黄山",
"86551561;淮北",
"86551562;铜陵",
"86551563;宣城",
"86551564;六安",
"86551565;巢湖",
"86551566;池州");
cityarray86591 = new Array(
"86591591;福州",
"86591592;厦门",
"86591593;宁德",
"86591594;莆田",
"86591595;泉州",
"86591596;漳州",
"86591597;龙岩",
"86591598;三明",
"86591599;南平");
cityarray86791 = new Array(
"86791791;南昌",
"86791701;鹰潭",
"86791790;新余",
"86791792;九江",
"86791793;上饶",
"86791794;抚州",
"86791795;宜春",
"86791796;吉安",
"86791797;赣州",
"86791798;景德镇",
"86791799;萍乡");
cityarray86531 = new Array(
"86531531;济南",
"86531530;菏泽",
"86531532;青岛",
"86531533;淄博",
"86531534;德州",
"86531535;烟台",
"86531536;潍坊",
"86531537;济宁",
"86531539;临沂",
"86531543;滨州",
"86531546;东营",
"86531631;威海",
"86531632;枣庄",
"86531633;日照",
"86531634;莱芜",
"86531635;聊城");
cityarray86371 = new Array(
"86371371;郑州",
"86371370;商丘",
"86371372;安阳",
"86371373;新乡",
"86371374;许昌",
"86371375;平顶山",
"86371376;信阳",
"86371377;南阳",
"86371378;开封",
"86371379;洛阳",
"86371391;焦作",
"86371392;鹤壁",
"86371393;濮阳",
"86371394;周口",
"86371395;漯河",
"86371396;驻马店",
"86371398;三门峡");
cityarray8627 = new Array(
"862727;武汉",
"8627710;襄樊",
"8627711;鄂州",
"8627712;孝感",
"8627713;黄冈",
"8627714;黄石",
"8627715;咸宁",
"8627716;荆州",
"8627717;宜昌",
"8627718;恩施",
"8627719;十堰",
"8627722;随州",
"8627724;荆门");
cityarray86731 = new Array(
"86731731;长沙",
"86731730;岳阳",
"86731732;湘潭",
"86731733;株洲",
"86731734;衡阳",
"86731735;郴州",
"86731736;常德",
"86731737;益阳",
"86731738;娄底",
"86731739;邵阳",
"86731743;吉首",
"86731745;怀化",
"86731746;永州");
cityarray8628 = new Array(
"862828;成都",
"8628812;攀枝花",
"8628813;自贡",
"8628816;绵阳",
"8628817;南充",
"8628818;达州",
"8628825;遂宁",
"8628826;广安",
"8628827;巴中",
"8628830;泸州",
"8628831;宜宾",
"8628832;资阳",
"862883201;内江",
"8628833;乐山",
"862883301;眉山",
"862883401;凉山",
"8628835;雅安",
"862883701;阿坝",
"8628838;德阳",
"8628839;广元");
cityarray86851 = new Array(
"86851851;贵阳",
"86851852;遵义",
"86851853;安顺",
"86851854;都匀",
"86851855;凯里",
"86851856;铜仁",
"86851857;毕节",
"86851858;六盘水",
"86851859;兴义");
cityarray86871 = new Array(
"86871871;昆明",
"86871691;西双版纳",
"86871692;德宏",
"86871870;昭通",
"86871872;大理",
"8687187303;红河",
"86871874;曲靖",
"86871875;保山",
"86871876;文山",
"86871877;玉溪",
"86871878;楚雄",
"86871879;思茅",
"86871883;临沧",
"8687188601;怒江",
"8687188701;迪庆",
"86871888;丽江");
cityarray8629 = new Array(
"862929;西安",
"8629910;咸阳",
"8629911;延安",
"8629912;榆林",
"8629913;渭南",
"8629914;商洛",
"8629915;安康",
"8629916;汉中",
"8629917;宝鸡",
"8629919;铜川");
cityarray86931 = new Array(
"86931931;兰州",
"86931930;临夏",
"86931932;定西",
"86931933;平凉",
"86931934;庆阳",
"86931935;金昌",
"8693193501;武威",
"86931936;张掖",
"86931937;酒泉",
"8693193701;嘉峪关",
"86931938;天水",
"86931939;陇南",
"86931941;甘南",
"86931943;白银");
cityarray86971 = new Array(
"86971971;西宁",
"8697197001;海北",
"86971972;海东",
"8697197501;果洛",
"8697197301;黄南",
"86971976;玉树",
"86971979;格尔木",
"8697197901;海西");
cityarray86471 = new Array(
"86471471;呼和浩特",
"86471470;海拉尔",
"86471472;包头",
"86471473;乌海",
"86471474;集宁",
"86471475;通辽",
"86471476;赤峰",
"86471478;临河",
"86471479;锡林浩特",
"86471482;乌兰浩特",
"86471483;巴彦浩特",
"86471484;鄂尔多斯");
cityarray86771 = new Array(
"86771771;南宁",
"86771770;防城港",
"8677177101;崇左",
"86771772;柳州",
"8677177201;来宾",
"86771773;桂林",
"86771774;梧州",
"8677177401;贺州",
"86771775;玉林",
"8677177501;贵港",
"86771776,;百色",
"86771777,;钦州",
"86771778,;河池",
"86771779,;北海");
cityarray86898 = new Array(
"86898898;海口",
"86898899;三亚",
"8689889901;西沙群岛");
cityarray86891 = new Array(
"86891891;拉萨",
"86891892;日喀则",
"86891893;山南",
"86891894;林芝",
"86891895;昌都",
"86891896;那曲",
"86891897;阿里");
cityarray86951 = new Array(
"86951951;银川",
"86951952;石嘴山",
"86951953;吴忠",
"86951954;固原");
cityarray86991 = new Array(
"86991991;乌鲁木齐",
"86991901;塔城",
"86991902;哈密",
"86991903;和田",
"86991906;阿勒泰",
"8699190801;克州",
"86991909;博乐",
"86991990;克拉玛依",
"86991993;石河子",
"86991994;昌吉",
"86991995;吐鲁番",
"86991996;库尔勒",
"86991997;阿克苏",
"86991998;喀什",
"86991999;伊犁");
cityarray88610 = new Array(
"8861010;台北");
cityarray85210 = new Array(
"8521010;香港");
cityarray85310 = new Array(
"8531010;澳门");
function getCitiesFromProvinceID(provinceid) {
if (provinceid == 0) return cityarray0;
if (provinceid == 8610) return cityarray8610;
if (provinceid == 8621) return cityarray8621;
if (provinceid == 8622) return cityarray8622;
if (provinceid == 8623) return cityarray8623;
if (provinceid == 86311) return cityarray86311;
if (provinceid == 8625) return cityarray8625;
if (provinceid == 86571) return cityarray86571;
if (provinceid == 8620) return cityarray8620;
if (provinceid == 86351) return cityarray86351;
if (provinceid == 8624) return cityarray8624;
if (provinceid == 86431) return cityarray86431;
if (provinceid == 86451) return cityarray86451;
if (provinceid == 86551) return cityarray86551;
if (provinceid == 86591) return cityarray86591;
if (provinceid == 86791) return cityarray86791;
if (provinceid == 86531) return cityarray86531;
if (provinceid == 86371) return cityarray86371;
if (provinceid == 8627) return cityarray8627;
if (provinceid == 86731) return cityarray86731;
if (provinceid == 8628) return cityarray8628;
if (provinceid == 86851) return cityarray86851;
if (provinceid == 86871) return cityarray86871;
if (provinceid == 8629) return cityarray8629;
if (provinceid == 86931) return cityarray86931;
if (provinceid == 86971) return cityarray86971;
if (provinceid == 86471) return cityarray86471;
if (provinceid == 86771) return cityarray86771;
if (provinceid == 86898) return cityarray86898;
if (provinceid == 86891) return cityarray86891;
if (provinceid == 86951) return cityarray86951;
if (provinceid == 86991) return cityarray86991;
if (provinceid == 88610) return cityarray88610;
if (provinceid == 85210) return cityarray85210;
if (provinceid == 85310) return cityarray85310;
return new Array();
}
function fillInCities(provinceid) {
document.forms['personalorder']['locid'].length = 0;
var arr = getCitiesFromProvinceID(provinceid);
var cnt = 0;
var isSelected = false;
for(var n=0; narr.length; n++){
newOpt=new Option;
i = arr[n].search(';');
newOpt.text=arr[n].slice(i+1);
newOpt.value=arr[n].slice(0,i);
if (!isSelected){
//newOpt.selected = true;
isSelected = true;
}
document.forms['personalorder']['locid'].options[cnt]=newOpt;
cnt=cnt+1;
}
}
function GetSelectedText(box){
var boxText = '';
for(var i=0; ibox.options.length; i++){
if(box.options[i].selected box.options[i].value != ''){
boxText = box.options[i].value;
}
}
return boxText;
}
function setInd(box) {
ind = GetSelectedText(box);
if(ind != ''){
fillInCities(ind);
}
//alert(ind);
}
/script
/TD
/TR
/TBODY
/TABLE
/body
/html
实践要找个好一点的教师指导,对你的进步会有帮助,一网学有许多有名设计师,能跟他们交流学习。
中文拼音排序一直都是很有趣的一个问题。推荐使用这个函数 String.prototype.localeCompare(),链接 MDN。首先用 localeCompare 试下拼音排序
var array = ['武汉', '北京', '上海', '天津'];
array.sort(
function compareFunction(param1, param2) {
return param1.localeCompare(param2);
}
);
array // ["北京", "上海", "天津", "武汉"]
然后根据 26 个英文字母分组排序,函数如下,
function pySegSort(arr) {
if(!String.prototype.localeCompare)
return null;
var letters = "*abcdefghjklmnopqrstwxyz".split('');
var zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀".split('');
var segs = [];
var curr;
letters.forEach(function(item,i){
curr = {letter: item, data:[]};
arr.forEach(function(item2){
if((!zh[i-1] || zh[i-1].localeCompare(item2) = 0) item2.localeCompare(zh[i]) == -1) {
curr.data.push(item2);
}
});
if(curr.data.length) {
segs.push(curr);
curr.data.sort(function(a,b){
return a.localeCompare(b);
});
}
});
return segs;
}
测试:
pySegSort(["我","不","懂","爱","啊","按","已","呀","选","县"])
结果:
[{"letter":"a","data":["啊","爱","按"]},{"letter":"b","data":["不"]},{"letter":"d","data":["懂"]},{"letter":"w","data":["我"]},{"letter":"x","data":["县","选"]},{"letter":"y","data":["呀","已"]}]
var arr = ["张三","李四","王五","阿三"];
document.write(arr+"");
arr.sort(function(a,b){
return a.localeCompare(b);
});
document.write(arr);
定义和用法:
用本地特定的顺序来比较两个字符串。
语法:
stringObject.localeCompare(target)
参数描述:
target 要以本地特定的顺序与 stringObject 进行比较的字符串。
返回值:
说明比较结果的数字。如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。
说明:
把 和 运算符应用到字符串时,它们只用字符的 Unicode 编码比较字符串,而不考虑当地的排序规则。以这种方法生成的顺序不一定是正确的。例如,在西班牙语中,其中字符 “ch” 通常作为出现在字母 “c” 和 “d” 之间的字符来排序。
localeCompare() 方法提供的比较字符串的方法,考虑了默认的本地排序规则。ECMAscript 标准并没有规定如何进行本地特定的比较操作,它只规定该函数采用底层操作系统提供的排序规则。
参考资料
百度知道.百度知道[引用时间2018-1-5]
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流