要做一个快捷菜单用户选择好城市和栏目后, 提交后地址就直接进入 城市名称/栏目ID<form>
<select name="city">
<option value="Beijing">Beijing</option>
<option value="Shanghai">Shanghai</option></select>
<select name="classid"><option value="2">房屋出租</option><option value="3">房屋求租</option></select>
<input class="btn" type="button" value="返回" id="idBoxCancel" /> <input class="btn" value="OK" type="submit" />
</form>假如域名是www.yourdomain.com, 用户选择了Beijing, 房屋出租, 提交后地址就变成:www.domain.com/Beijing/2请问用js怎么做?
<select name="city">
<option value="Beijing">Beijing</option>
<option value="Shanghai">Shanghai</option></select>
<select name="classid"><option value="2">房屋出租</option><option value="3">房屋求租</option></select>
<input class="btn" type="button" value="返回" id="idBoxCancel" /> <input class="btn" value="OK" type="submit" />
</form>假如域名是www.yourdomain.com, 用户选择了Beijing, 房屋出租, 提交后地址就变成:www.domain.com/Beijing/2请问用js怎么做?
解决方案 »
- 通过某年某月第几个星期,获取这个星期的开始时间和结束时间
- js 调用xmpp方法(能解决再加100分)
- 如何保证js文件中的变量不被外部修改?
- 二维数组如何做为函数的参数?
- javascript变量可以重复定义吗
- 高分求教一个在窗体上测距离的问题
- 用Windows XP调用meizz的WEB Calendar 3.0,老是提示“为了保护您的安全,ie已限制此文件显示可能访问您的计算机的活动内容...”
- 想在原来的窗口打开新的页面
- 我写的一个关于javascript读取cookie内容的function
- 动态设置背景图片的position
- 求助!在JAVASCRIPT 中如何把输入的文本内容转换为HTML格式?
- 如何动态添加元素
function replaceProvinceVal(strSel){
var currLink=window.location.href;
var strAmpIndex,strInterIndex,maxk,tmpProvince;
strInterIndex=(currLink.indexOf("?")!=-1)?currLink.indexOf("?"):0;
strAmpIndex=(currLink.lastIndexOf("&")!=-1)?currLink.lastIndexOf("&"):0;
maxk=currLink.length;
if(strInterIndex>0 && currLink.lastIndexOf("prov")>0){
if(strAmpIndex>0){
if(currLink.lastIndexOf("prov")-strInterIndex==1){
tmpProvince=currLink.substring(currLink.lastIndexOf("prov")+5,strAmpIndex);
}else if(currLink.lastIndexOf("prov")-strAmpIndex==1){
tmpProvince=currLink.substring(currLink.lastIndexOf("prov")+5,maxk);
}
}else{
tmpProvince=currLink.substring(currLink.lastIndexOf("prov")+5,maxk);
}
currLink=currLink.replace(tmpProvince,escape(strSel.value));
}else if(strAmpIndex==0 && strInterIndex==0){
currLink+="?prov="+escape(strSel.value);
}else{
currLink+="&prov="+escape(strSel.value);
}
window.location.href=currLink;
}
//-------------------------------------------
if($('select4')){
$('select4').addEvent('change',function(event){
new Event(event).stop();
replaceProvinceVal(this);
});
}
<select id="select4" name="select4">
<option value="">全部省</option>
<option value="北京市">北京市</option>
<option value="上海市">上海市</option>
<option value="天津市">天津市</option>
<option value="重庆市">重庆市</option>
<option value="河北省">河北省</option>
<option value="山西省">山西省</option>
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="江苏省">江苏省</option>
<option value="浙江省">浙江省</option>
<option value="安徽省">安徽省</option>
<option value="福建省">福建省</option>
<option value="江西省">江西省</option>
<option value="山东省">山东省</option>
<option value="河南省">河南省</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="广东省">广东省</option>
<option value="海南省">海南省</option>
<option value="四川省">四川省</option>
<option value="贵州省">贵州省</option>
<option value="云南省">云南省</option>
<option value="陕西省">陕西省</option>
<option value="甘肃省">甘肃省</option>
<option value="青海省">青海省</option>
<option value="内蒙古自治区">内蒙古自治区</option>
<option value="广西壮族自治区">广西壮族自治区</option>
<option value="西藏自治区">西藏自治区</option>
<option value="宁夏回族自治区">宁夏回族自治区</option>
<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
<option value="台湾">台湾</option>
<option value="香港">香港</option>
<option value="澳门">澳门</option>
</select>URL:http://www.xxx.com/pro/showproduct.asp?category=2&isparent=1选中后:
http://www.xxx.com/pro/showproduct.asp?category=2&isparent=1&prov=%u5317%u4EAC%u5E02
后台判断了 r 就ok
变量也是可以取出来的。var cid = document.all.classid.value再使用cid.
<select name="city" id="cityid">
<option value="Beijing">Beijing</option>
<option value="Shanghai">Shanghai</option></select>
<select name="classid" id="classid"><option value="2">房屋出租</option><option value="3">房屋求租</option></select>
<input class="btn" type="button" value="返回" id="idBoxCancel" /> <input class="btn" value="OK" type="button" onclick="change('cityid','classid')"/>
</form>
<script>
function change(cityid,classsid){
var cityOpt=document.getElementById(cityid).options;
var classOpt=document.getElementById(classsid).options;
var ciptA=cityOpt[document.getElementById(cityid).selectedIndex].value;
var classOptA=classOpt[document.getElementById(classsid).selectedIndex].value;
window.location.href="http://www.domain.com/"+ciptA+"/"+classOptA
}
</script>