基于Jquery的将DropDownlist的选中值赋给label的实现代码
更新时间：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());
});
其中对这个解释下：
var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值
var name1 = $("#DropDownList1").text(); //获取dropdownlist 里面所用的值
复制代码 代码如下:
$(function() {
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1 option:selected").text());
});
或者
复制代码 代码如下:
$("#DropDownList1").bind("change", function() {
$("#Label1").text($("#DropDownList1").val());
});
其中对这个解释下：
var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值
var name1 = $("#DropDownList1").text(); //获取dropdownlist 里面所用的值
相关文章
本教程详细介绍下jQuery添加/删除Select的Option项，感兴趣的各位可以参考下哈2013-04-04
在一些电商网站和家居网站上我们会看到这样的应用，一张图片中显示多种商品，点击每个商品可以弹出对应商品的简单介绍，包括价格等等，极大的提高了用户体验，今天我们通过实例给大家分享使用jQuery插件来实现这一效果2016-03-03
这篇文章主要介绍了jquery自动切换tabs选项卡的具体实现，有需要的朋友可以参考一下2013-12-12
文档离浏览器顶部的距离如何判断，下面有个不错的方法，感兴趣的朋友可以参考下2014-01-01
现在我们经常会用到一些地图应用，无论是在网页上还是手机App中，地图貌似是一个不可或缺的应用。本文将带领大家一起来看看jQuery和HTML5的个性化地图插件，都是比较实用的，感兴趣的朋友一起学习吧2015-11-11
本文主要分享了jquery实现拖动效果的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
以前在写ajax请求时，总是喜欢使用jQuery+ashx的方式进行调用，今天采取jQuery+WebService的方法来做ajax请求，发现这种方式比使用ashx的方式要更方便。2011-03-03
下面小编就为大家带来一篇JQuery的常用选择器、过滤器、方法全面介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery中data()方法用法,实例分析了data()方法向匹配元素附加数据及获取数据的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
带空格 表示的是选择class为test里面隐藏的元素；不带空格 表示的是选择隐藏的class为test的元素，在使用过程中一定需要注意下2013-07-07
最新评论