select头像选择代码

最新推荐文章于 2022-10-01 18:47:21 发布

iteye_796

最新推荐文章于 2022-10-01 18:47:21 发布

阅读量308

点赞数

分类专栏： JavaScript 文章标签： JavaScript XHTML HTML ViewUI

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
	function selectImage(){
		var image=document.getElementById("image1");
		image.src=document.getElementById("select").value;
		
	
	}
</script>
</head>

<body>
<center>
	<h2>select头像选择代码</h2>
	<select name="test" id="select" οnchange="selectImage()">
		<option value="">请选择</option>
		<option value="England.gif">图片1</option>
		<option value="jb1.jpg">图片2</option>
		<option value="jb2.jpg">图片3</option>
	</select><span id="image"><img src="" id="image1"/><span>
</center>
</body>
</html>