ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值_jquery

界面代码:

复制代码 代码如下:

<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 80px;">
<p>
选择颜色:</p>
<asp:DropDownList ID="ddlColor" runat="server">
<asp:ListItem Text="--- 请选择 ---" Value=""></asp:ListItem>
<asp:ListItem Text="红色" Value="1"></asp:ListItem>
<asp:ListItem Text="黄色" Value="2"></asp:ListItem>
<asp:ListItem Text="蓝色" Value="3"></asp:ListItem>
</asp:DropDownList>
</fieldset>
</div>
<br />
<div align="center" id="message">
</div>
</form>

脚本代码:

复制代码 代码如下:

<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
// 绑定keyup和change事件
$("#<%=ddlColor.ClientID %>").bind("keyup change", function () {
if ($(this).val() != "") {
// 这里需要注意,$(this).text()获取的是整个集合的text属性内容,所以需要再过滤下,把选中的项取出来
$("#message").text("Text: " + $(this).find(":selected").text() + "Value: " + $(this).val());
}
else {
$("#message").text("");
}
});
});
</script>

选择一种颜色显示如下:

时间: 2024-09-17 00:15:23

ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值_jquery的相关文章

jquery获取input type=text中的值的各种方式(总结)_jquery

 实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta h

jquery修改属性值实例代码(设置属性值)_jquery

设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值. 下面的例子演示如何改变(设置)链接中 href 属性的值: 实例 复制代码 代码如下: $("button").click(function(){$("#keleyi").attr("href","http://www.jb51.net");}); attr() 方法也允许您同时设置多个属性.下面的例子演示如何同时设置 href 和 titl

jQuery操作DOM之获取表单控件的值_jquery

本文实例讲述了jQuery操作DOM之获取表单控件的值.分享给大家供大家参考.具体分析如下: HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值了.比如,文本输人框的 value属性在DOM中的属性叫defaultValue,DOM中就没有value属性.而选项列表(select) 元素呢,其选项的值在DOM中通常是通过selectedIndex属性,或者通过其选项元素的 selected属性来取得. 由于存在这些差异,在取得和设置表单控件的值时,最好不要使用.attr()方法.而对

jQuery实现从身份证号中获取出生日期和性别的方法分析_jquery

本文实例分析了jQuery实现从身份证号中获取出生日期和性别的方法.分享给大家供大家参考,具体如下: 一.前言: 今天,在做移动端的项目中,按照设计稿的要求,是可以让用户自己输入出生日期的,我还很认真的用了刚刚知道的html5表单的日期类型,本想着终于不用日期插件就可以实现用户选择自己的出生日期了,可结果老大说,把这个表单去掉,要做成从身份证号里边读取用户的出生日期.好吧,高兴了一半,结果....唉,没办法,只能按照领导的要求来做啊,于是就有了下边的从身份证号中获取出生日期和性别的代码. 二.实

jQuery mobile转换url地址及获取url中目录部分的方法_jquery

path.makeUrlAbsolute() 把相对URL转化为绝对URL jQuery.mobile.path.makeUrlAbsolute( relUrl, absUrl ) 把相对URL转化为绝对URL的方法.这个函数返回一个字符串,绝对URL. relUrl:相对网址.类型:字符串. absUrl:绝对网址.类型:字符串. <!doctype html> <html lang="en"> <head> <meta charset=&q

利用jquery获取select下拉框的值_jquery

jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>

jquery 取子节点及当前节点属性值_jquery

<li class="menulink"> <a href="#" rel="external nofollow" id="101" onclick="changeMenu('101','资料管理','#' )"><span>资料管理</span> </a> </li> 取子节点: $(".menulink a").

ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter_jquery

•可限制最大输入字符长度 •可设置字符截取速度 •可自定义提示信息文本样式(可以改进自定义文本内容) 该插件统计英文字符和中文的长度是一样的. 废话少说,这里直接奉上详细插件代码,具体实现细节已经在代码里面有注释: 复制代码 代码如下: ; (function ($) { $.fn.extend({ textAreaCount: function (options) { var $textArea = this; options = $.extend({ maxlength: 140, // 定

ASP.NET jQuery 实例8 (动态添加内容到DropDownList)_jquery

首先准备好页面代码: 复制代码 代码如下: <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 350px; height: 150px"> <p> 选择颜色</p> <table cellpadding="0" cellspacing=&qu