基于Jquery的將DropDownlist的選中值賦給label的實(shí)現(xiàn)代碼
更新時(shí)間：2011年05月06日 14:43:52 作者：
使用Jquery 將DropDownlist的選中值賦給label的代碼，需要的朋友可以參考下。
jquery代碼
$(function() {
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1 option:selected").text());
});
或者
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1").val());
});
其中對(duì)這個(gè)解釋下：
var name = $("#DropDownList1 option:selected").val(); //獲取dropdownlist 里面選中的值
var name1 = $("#DropDownList1").text(); //獲取dropdownlist 里面所用的值
復(fù)制代碼 代碼如下:
$(function() {
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1 option:selected").text());
});
或者
復(fù)制代碼 代碼如下:
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1").val());
});
其中對(duì)這個(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
一款簡(jiǎn)單的jQuery圖片標(biāo)注效果附源碼下載
在一些電商網(wǎng)站和家居網(wǎng)站上我們會(huì)看到這樣的應(yīng)用，一張圖片中顯示多種商品，點(diǎn)擊每個(gè)商品可以彈出對(duì)應(yīng)商品的簡(jiǎn)單介紹，包括價(jià)格等等，極大的提高了用戶體驗(yàn)，今天我們通過實(shí)例給大家分享使用jQuery插件來實(shí)現(xiàn)這一效果2016-03-03
jquery自動(dòng)切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)
這篇文章主要介紹了jquery自動(dòng)切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-12-12
文檔離瀏覽器頂部的距離如何判斷，下面有個(gè)不錯(cuò)的方法，感興趣的朋友可以參考下2014-01-01
現(xiàn)在我們經(jīng)常會(huì)用到一些地圖應(yīng)用，無論是在網(wǎng)頁上還是手機(jī)App中，地圖貌似是一個(gè)不可或缺的應(yīng)用。本文將帶領(lǐng)大家一起來看看jQuery和HTML5的個(gè)性化地圖插件，都是比較實(shí)用的，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
jquery實(shí)現(xiàn)拖動(dòng)效果（代碼分享）
本文主要分享了jquery實(shí)現(xiàn)拖動(dòng)效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
jQuery中調(diào)用WebService方法小結(jié)
以前在寫ajax請(qǐng)求時(shí)，總是喜歡使用jQuery+ashx的方式進(jìn)行調(diào)用，今天采取jQuery+WebService的方法來做ajax請(qǐng)求，發(fā)現(xiàn)這種方式比使用ashx的方式要更方便。2011-03-03
下面小編就為大家?guī)硪黄狫Query的常用選擇器、過濾器、方法全面介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jQuery中data()方法用法,實(shí)例分析了data()方法向匹配元素附加數(shù)據(jù)及獲取數(shù)據(jù)的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
帶空格 表示的是選擇class為test里面隱藏的元素；不帶空格 表示的是選擇隱藏的class為test的元素，在使用過程中一定需要注意下2013-07-07