js实现选择头像选择实时预览代码

本文介绍了js的实时预览代码，实现了Select头像选择。分享给大家参考。具体如下：

这里演示了js实时实现选择头像选择和预览效果。在留言或评论时，用户可以简单地选择一个头像。以前最常用的方法是使用无线电盒，但也可以使用其他形式。比如今天的Select，下拉单选框选择一个头像也是不错的体验。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-select-ico-pic-view-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/title select avatar选择代码/title/head dyselect name=lanrentukonchange=' document . images[' id face ']。src=选项[selectedindex]。值；'选项值='images/ico1.gif '头像01/选项值=' images/ico2.gif '头像02/选项值=' images/ico3.gif '头像03/选项/select div style=' position : absolute；'img src=' http : images/ico1 . gif ' id=idface/div/body/html希望这篇文章对javascript编程有所帮助。