基于Jquery的將DropDownlist的選中值賦給label的實(shí)現(xiàn)代碼

更新時(shí)間：2011年05月06日 14:43:52 作者：

使用Jquery 將DropDownlist的選中值賦給label的代碼，需要的朋友可以參考下。

jquery代碼

復(fù)制代碼代碼如下:

 
$(function() { 
$("#DropDownList1").bind("change", function() { 
$("#Label1").text($("#DropDownList1 option:selected").text()); 

}); 

或者

復(fù)制代碼代碼如下:

 
$("#DropDownList1").bind("change", function() { 
$("#Label1").text($("#DropDownList1").val()); 
}); 

其中對這個(gè)解釋下：

var name = $("#DropDownList1 option:selected").val(); //獲取dropdownlist 里面選中的值
var name1 = $("#DropDownList1").text(); //獲取dropdownlist 里面所用的值

您可能感興趣的文章:

相關(guān)文章

JQuery給元素添加/刪除節(jié)點(diǎn)比如select
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng)，感興趣的各位可以參考下哈
2013-04-04
一款簡單的jQuery圖片標(biāo)注效果附源碼下載
在一些電商網(wǎng)站和家居網(wǎng)站上我們會看到這樣的應(yīng)用，一張圖片中顯示多種商品，點(diǎn)擊每個(gè)商品可以彈出對應(yīng)商品的簡單介紹，包括價(jià)格等等，極大的提高了用戶體驗(yàn)，今天我們通過實(shí)例給大家分享使用jQuery插件來實(shí)現(xiàn)這一效果
2016-03-03
jquery自動切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)
這篇文章主要介紹了jquery自動切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)，有需要的朋友可以參考一下
2013-12-12
判斷文檔離瀏覽器頂部的距離的方法
文檔離瀏覽器頂部的距離如何判斷，下面有個(gè)不錯(cuò)的方法，感興趣的朋友可以參考下
2014-01-01
基于Jquery和html5的7款個(gè)性化地圖插件
現(xiàn)在我們經(jīng)常會用到一些地圖應(yīng)用，無論是在網(wǎng)頁上還是手機(jī)App中，地圖貌似是一個(gè)不可或缺的應(yīng)用。本文將帶領(lǐng)大家一起來看看jQuery和HTML5的個(gè)性化地圖插件，都是比較實(shí)用的，感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
jquery實(shí)現(xiàn)拖動效果（代碼分享）
本文主要分享了jquery實(shí)現(xiàn)拖動效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery中調(diào)用WebService方法小結(jié)
以前在寫ajax請求時(shí)，總是喜歡使用jQuery+ashx的方式進(jìn)行調(diào)用，今天采取jQuery+WebService的方法來做ajax請求，發(fā)現(xiàn)這種方式比使用ashx的方式要更方便。
2011-03-03
JQuery的常用選擇器、過濾器、方法全面介紹
下面小編就為大家?guī)硪黄狫Query的常用選擇器、過濾器、方法全面介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
jQuery中data()方法用法實(shí)例
這篇文章主要介紹了jQuery中data()方法用法,實(shí)例分析了data()方法向匹配元素附加數(shù)據(jù)及獲取數(shù)據(jù)的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
選擇器中含有空格在使用示例及注意事項(xiàng)
帶空格表示的是選擇class為test里面隱藏的元素；不帶空格表示的是選擇隱藏的class為test的元素，在使用過程中一定需要注意下
2013-07-07