 
//頭像選擇 
function GetFace() { 
var faceid = $("#SelFace").val(); 
if (faceid.length == 1) { faceid = "0" + faceid; } 
$("#imgface").attr("src", "/WebUI/template/images/public/tutu"+faceid+".gif"); 
} 

界面：

復制代碼代碼如下:

 
<select id="SelFace" name="SelFace" onchange="GetFace();"> 
<option value="1">頭像1</option> 
<option value="2">頭像2</option> 
<option value="3">頭像3</option> 
</select> 

<img id="imgface" name="imgface" src="/WebUI/template/images/public/tutu01.gif" /> 

您可能感興趣的文章:

jquery實現(xiàn)放大鏡簡潔代碼(推薦)
這篇文章主要介紹了jquery實現(xiàn)放大鏡簡潔代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-06-06
JQuery中上下文選擇器實現(xiàn)方法
這篇文章主要介紹了JQuery中上下文選擇器實現(xiàn)方法,涉及jQuery操作頁面元素的相關技巧,需要的朋友可以參考下
2015-05-05
jquery 淡入淡出效果的簡單實現(xiàn)
本篇文章主要是對jquery淡入淡出效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery實現(xiàn)仿百度帖吧頭部固定導航效果
這篇文章主要介紹了jQuery實現(xiàn)仿百度帖吧頭部固定導航效果,涉及jquery針對頁面高度計算與樣式的動態(tài)添加及刪除技巧,非常簡單實用,需要的朋友可以參考下
2015-08-08
jquery實現(xiàn)簡單的表單驗證
這篇文章主要介紹了jquery實現(xiàn)簡單的表單驗證，思路大概是先為每一個required添加必填的標記，用each()方法來實現(xiàn)，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery 數(shù)據(jù)緩存模塊進化史詳細介紹
數(shù)據(jù)緩存系統(tǒng)最早應該是jQuery1.2引入的，那時它的事件系統(tǒng)完成照搬DE大神的addEvent.js，而addEvent在實現(xiàn)有個缺憾，它把事件的回調都放到EventTarget之上，這會引發(fā)循環(huán)引用
2012-11-11
單擊按鈕發(fā)送驗證碼,出現(xiàn)倒計時的簡單實例
下面小編就為大家?guī)硪黄獑螕舭粹o發(fā)送驗證碼,出現(xiàn)倒計時的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
一些有用的JavaScript和jQuery的片段分享
通過添加 CSS 類改變元素的外觀和感覺，非常干凈的方法，而不是添加內聯(lián)樣式。
2011-08-08
jQuery實現(xiàn)鼠標經過事件的延時處理效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鼠標經過事件的延時處理效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-10-10
最佳6款用于移動網站開發(fā)的jQuery 圖片滑塊插件小結
隨著智能手機的普及，越來越多的用戶喜歡通過手機中瀏覽網頁。今天這篇文章為大家推薦最佳6款用于移動應用的 jQuery 圖片滑塊插件，這些插件很好的處理了觸屏事件，效果平滑，幫助你構建用戶體驗良好的移動網站
2012-07-07