如何能改变下拉菜单的值来改变页面背景图片啊?急求啊8
发布网友
发布时间:2023-11-12 02:45
我来回答
共2个回答
热心网友
时间:2024-12-14 10:36
可以考虑通过后台去做,在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";
}
}
}
热心网友
时间:2024-12-14 10:36
<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>