如何能改变下拉菜单的值来改变页面背景图片啊？急求啊
我改变的是模板的样式！这些代码都在模板里！页面是套用模板的没法写啊我试过这种可是没用！<selectid="Select1"onchange="chage()"name=...
我改变的是模板的样式！这些代码都在模板里！页面是套用模板的没法写啊
我试过这种可是没用！
<select id="Select1" onchange="chage()" name="D1">
<option value="1">春暖花开</option>
<option value="2">清凉夏日</option>
<option value="3">秋高气爽</option>
<option value="4">冬天快乐</option>
</select>
<script type="text/javascript" >
function chage()
{
var a = document.getElementById("Select1").value;
if(a=="1")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/m9aub32h49a5s.jpg')";
}
else if(a=="2")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/173.jpg')";
}
else if(a=="3")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/2007718134510941.jpg')";
}
else if(a=="4")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/15c70c596919a5fb9c8204a4.jpg')";
}
}
</script> 展开
我试过这种可是没用！
<select id="Select1" onchange="chage()" name="D1">
<option value="1">春暖花开</option>
<option value="2">清凉夏日</option>
<option value="3">秋高气爽</option>
<option value="4">冬天快乐</option>
</select>
<script type="text/javascript" >
function chage()
{
var a = document.getElementById("Select1").value;
if(a=="1")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/m9aub32h49a5s.jpg')";
}
else if(a=="2")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/173.jpg')";
}
else if(a=="3")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/2007718134510941.jpg')";
}
else if(a=="4")
{
var b=document.getElementById("body1");
b.style.backgroundImage=="url('Manster/15c70c596919a5fb9c8204a4.jpg')";
}
}
</script> 展开
2个回答
展开全部
可以考虑通过后台去做，在select中用onchange事件去控制，后台接受这个值，然后查询对应的值所对应的信息，返回给前台，这样前台就不用去考虑如此多的表。
参考代码如下：
function changeTable(){
var tabIndex = document.getElementById("sel").value;
for ( var i = 1; i <= 3; i++) {
if (i != tabIndex) {
document.getElementById("table" + i).style.display = "none";
}else{
document.getElementById("table" + i).style.display = "block";
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>用下拉菜单选择背景图片 福吧科技</title>
</head>
<SELECT onChange="document.body.style.background=this.options[this.selectedIndex].value">
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/you.jpg')" SELECTED> 1
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/zhong.jpg')"> 2
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/chat.jpg')"> 3
<body>
</body>
</html>
<head>
<title>用下拉菜单选择背景图片 福吧科技</title>
</head>
<SELECT onChange="document.body.style.background=this.options[this.selectedIndex].value">
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/you.jpg')" SELECTED> 1
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/zhong.jpg')"> 2
<OPTION VALUE="url('http://f2.d007d.net:72/beijing/1/chat.jpg')"> 3
<body>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
