Home > Article > Web Front-end > How to change the drop-down box in js and the image next to it also changes_Image special effects

How to change the drop-down box in js and the image next to it also changes_Image special effects

WBOYOriginal: 2016-05-16 19:00:48779browse

<select id="s1" onchange='document.getElementById("pic").src=this.value'>
<option value="/upload/20080918164946929.gif">biggrin</option>
<option value="/upload/20080918164946913.gif">confused</option>
<option value="/upload/20080918164946995.gif">cool</option>
<option value="/upload/20080918164946667.gif">eek</option>
<option value="/upload/20080918164946725.gif">frown</option>
<option value="/upload/20080918164946792.gif">han</option>
<option value="/upload/20080918164946356.gif">mad</option>
<option value="/upload/20080918164946762.gif">redface</option>
<option value="/upload/20080918164946633.gif">rolleyes</option>
<option value="/upload/20080918164946854.gif">smile</option>
<option value="/upload/20080918164947307.gif">tongue</option>
<option value="/upload/20080918164947238.gif">wink</option>
</select>
<img  id="pic" src="http://files.jb51.net/upload/20080918164946929.gif" border="0"    style="max-width:90%" alt="How to change the drop-down box in js and the image next to it also changes_Image special effects" >

[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ]

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：js calendar control (accurate to minutes)_time and dateNext article：js calendar control (accurate to minutes)_time and date

See more

How to change the drop-down box in js and the image next to it also changes_Image special effects

Related articles