<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
点击添加快递公司到sessionStorage<br/>
-------------------------------------------------------------------------------------------<br/>
<select></select>
<a href="javascript:;" id="clickbtn">点击</a><br/>
最近使用的快递公司(最多5个如果超出删除,更换最新添加):
<p style="color:green;"></p>
<span style="color:red"></span>
<script type="text/javascript" src="http://www.jeasyui.net/Public/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8">
window.sessionStorage.removeItem("exp")
var tips = ""
function exp(val){
var expArr = [];
var newexpStr = ''
var expStr = ''
var getli = function(){
if(window.sessionStorage.getItem("exp")){
expStr = window.sessionStorage.getItem("exp")
expStr = expStr.substring(1);
expArr = expStr.split("|")
for(var i = 0;i<expArr.length;i++){
if(expArr[i] == 'undefined'){
expArr[i] = "";
}
}
}
return expArr
}
getli();
console.log(expStr)
if(val){
newexpStr = ("|"+val);
var valB = true;
for(var i=0;i<4;i++){
if(val == expArr[i]){
newexpStr = ('|'+expStr);
tips = "sessionStorage里有此快递,无需修改"
break;
}else{
newexpStr+=('|'+expArr[i])
tips = "sessionStorage里无此快递,已添加"
}
}
window.sessionStorage.removeItem("exp")
window.sessionStorage.setItem("exp",newexpStr)
}
return getli();
}
window.onload = function(){
/*模拟数据
a[]
*/
var a=['安捷快递','安能物流','安信达快递','北青小红帽','百福东方','百世快运','CCES快递','城市100','COE东方快递','长沙创一','成都善途速运','德邦','D速物流','大田物流','EMS','快捷速递','FEDEX联邦(国内件)','FEDEX联邦(国际件)','飞康达','广东邮政','共速达','国通快递','高铁速递','汇丰物流','天天快递','恒路物流','天地华宇','华强物流','百世快递','华夏龙物流','好来运快递','京广速递','九曳供应链','佳吉快运','嘉里物流','捷特快递','急先达','晋越快递','加运美','佳怡物流','跨越物流','龙邦快递','联昊通速递','民航快递','明亮物流','能达速递','平安达腾飞快递','全晨快递','全峰快递','全日通快递','如风达','赛澳递','圣安物流','盛邦物流','上大物流','顺丰快递','盛丰物流','盛辉物流','速通物流','申通快递','速腾快递','速尔快递','唐山申通','全一快递','优速快递','万家物流','万象物流','新邦物流','信丰快递','希优特','新杰物流','源安达快递','远成物流','韵达快递','义达国际物流','越丰物流','原飞航物流','亚风快递','运通快递','圆通速递','亿翔快递','邮政平邮/小包','增益快递','汇强快递','宅急送','众通快递','中铁快运','中通速递','中铁物流','中邮物流','亚马逊物流','速必达物流','瑞丰速递','快客快递','城际快递','CNPEX中邮快递','鸿桥供应链','海派通物流公司','澳邮专线','泛捷快递','PCA Express','UEQ Express','喜来快递'];
var m = 0;
for(var i=0;i<a.length;i++){
$("select").append('<option>'+a[i]+'</option>')
}
$("#clickbtn").click(function(){
$("p").html('')
m = parseInt(Math.random()*102);
var newArr = exp($("select").val());
console.log(newArr)
$("span").html(tips)
for(var i = 0;i<newArr.length;i++){
var oSpan = ' <span style="padding-right:15px;"> '+newArr[i]+'</span> ';
$("p").append(oSpan);
}
});
}
</script>
</body>
</html>