Javascript 如何使用js更改选择选项值内容
我不擅长javascript,但我试过这个。。。 我试图让用户在搜索项目后切换到另一个页面。 例如,当用户搜索GMC时,用户将在“汽车”部分下搜索梅赛德斯,然后选项值可以更改为“梅赛德斯链接”页面,也可以更改为“GMC链接”页面。这个代码似乎不起作用。 代码如下:Javascript 如何使用js更改选择选项值内容,javascript,jquery,select,Javascript,Jquery,Select,我不擅长javascript,但我试过这个。。。 我试图让用户在搜索项目后切换到另一个页面。 例如,当用户搜索GMC时,用户将在“汽车”部分下搜索梅赛德斯,然后选项值可以更改为“梅赛德斯链接”页面,也可以更改为“GMC链接”页面。这个代码似乎不起作用。 代码如下: <div class="all" id="note"> Some content will be posted here... </div> <select
<div class="all" id="note">
Some content will be posted here...
</div>
<select id="marketing" onChange="window.open(this.value)" multiple>
<option value="1">cars</option>
<option value="2">houses</option>
<option value="3">Promotion</option>
</select>
<script type="text/javascript">
var cars = ['mercedes']
$('#marketing').change(function(){
if($(this).val() == '1'){
if cars[0] ==='mercedes';{
$(this).val() == "http://www.cars.com/mercedes";
}
}
});
一些内容将发布在这里。。。
汽车
房屋
晋升
var汽车=['mercedes']
$(“#营销”)。更改(函数(){
if($(this).val()=='1'){
如果汽车[0]=“梅赛德斯”{
$(this).val()==”http://www.cars.com/mercedes";
}
}
});
var汽车=['mercedes']
函数myFunction(){
var x=document.getElementById(“营销”).value;
var company=document.getElementById('companys').value;
console.log(x+company);
如果(x==1&&company==“梅赛德斯”){
变量url=
窗口打开(“http://www.cars.com/mercedes“,'_blank');//用于新选项卡
//对于同一选项卡
//打开窗户http://www.cars.com/mercedes');
}
}
一些内容将发布在这里
梅赛德斯
汽车
房屋
晋升
您的代码中的i
是什么?很抱歉,它应该是[0]窗口。open(this.value)
将尝试打开URL,如:1
、2
和3
,这些都不是URL。@scot,这只是代码的一部分。我希望它先工作,然后再添加更多。用户点击汽车也是如此,根据输入的不同,选项也会有所不同。在这种情况下,如果用户搜索的是奔驰或宾利,则链接会发生变化,但仍然会保留值='1'。我只是不知道怎么编码。也许用表格?非常感谢much@Touseef艾哈迈德·阿万。这是我最需要的@lobjc。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script>
var cars = ['mercedes']
function myFunction() {
var x = document.getElementById("marketing").value;
var companey = document.getElementById('companies').value;
console.log(x + companey);
if (x == 1 && companey == "mercedes") {
var url =
window.open("http://www.cars.com/mercedes" , '_blank');//for new tab
//for same tab
//window.open('http://www.cars.com/mercedes');
}
}
</script>
</head>
<body>
<!this is a working sample hope this will help>
<div class="all" id="note">
Some content will be posted here... <br />
<input type="text" id="companies">mercedes</input>
</div>
<select id="marketing" onchange="myFunction()">
<option value="0"></option>
<option value="1">cars</option>
<option value="2">houses</option>
<option value="3">Promotion</option>
</select>
</body>
</html>