将javascript链接构建到<option>标记的新选项卡中
将javascript链接构建到<option>标记的新选项卡中
提问于 2018-10-24 06:16:35
我有这个html代码
<!DOCTYPE HTML>
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>country and city list</title>
<script language="javascript">
function websv(state)
{
with(document.getElementById('city'))
{
options.length = 0;
if(state == 0)
{
options[0] = new Option('select your country' , '0');
}
if(state == 1)
{
options[0] = new Option('select your country' , '0');
options[1] = new Option('country1-asia' , '33131');
options[2] = new Option('country2-asia' , '31541');
}
if(state == 2)
{
options[0] = new Option('select your country' , '0');
options[1] = new Option('country3-european' , '43591');
options[2] = new Option('country4- europeasn' , '43891');
}
}
}
</script>
</head>
<body>
<select name="state" onChange="websv(this.value);">
<option value="0">country name</option>
<option value="1">country1</option>
<option value="2">country2</option>
</select>
<select name="city" id="city">
<option value="0">please select your country</option>
</select>
</body>
</html>
现在我需要当用户选择“国家3-欧洲”打开自定义链接的新标签，例如：“国家3-欧洲花生.com”
我为javascript使用了很多函数，但是我不能设置它，并且有问题。
回答 1
Stack Overflow用户
发布于 2018-10-24 07:03:20
尝试此https://jsfiddle.net/kqcLy952/4/
您缺少的是更新新选项的值。同样，要打开一个新选项卡，您需要将window.location更新为一个新函数。下面是工作JSFiddle：
<!DOCTYPE HTML>
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>country and city list</title>
<script language="javascript">
function websv(state)
{
with(document.getElementById('city'))
{
options.length = 0;
if(state == 0)
{
options[0] = new Option('select your country' , '0');
}
if(state == 1)
{
options[0] = new Option('select your country' , '0');
options[1] = new Option('country1-asia' , 'http://www.google.com');
options[2] = new Option('country2-asia' , 'http://www.yahoo.com');
}
if(state == 2)
{
options[0] = new Option('select your country' , '0');
options[1] = new Option('country3-european' , 'http://www.facebook.com');
options[2] = new Option('country4- europeasn' , 'http://www.instagram.com');
}
}
}
function openWindow(select) {
window.open(select);
}
</script>
</head>
<body>
<select name="state" onChange="websv(this.value);">
<option value="0">country name</option>
<option value="1">country1</option>
<option value="2">country2</option>
</select>
<select name="city" id="city" onChange="openWindow(this.value)">
<option value="0">please select your country</option>
</select>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52958569
复制相关文章
相似问题