ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2018-10-12 14:03
543 查看
界面代码:
脚本代码:
选择一种颜色显示如下:
<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>
选择一种颜色显示如下:
您可能感兴趣的文章:
- asp.net DropDownList自定义控件,让你的分类更清晰
- ASP.NET MVC DropDownList数据绑定及使用详解
- ASP.NET MVC中为DropDownListFor设置选中项的方法
- ASP.NET中DropDownList和ListBox实现两级联动功能
- ASP.NET 2.0中的数据操作之七:使用DropDownList过滤的主/从报表
- ASP.NET 2.0中的数据操作之八:使用两个DropDownList过滤的主/从报表
- 在ASP.NET 2.0中操作数据之三十:格式化DataList和Repeater的数据
- 在ASP.NET 2.0中操作数据之三十一:使用DataList来一行显示多条记录
- 在ASP.NET 2.0中操作数据之三十二:数据控件的嵌套
- 在ASP.NET 2.0中操作数据之三十三:基于DataList和Repeater使用DropDownList过滤的主/从报表
相关文章推荐
- ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
- ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
- ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
- ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
- 1.简单实例:ASP.NET下Echarts通过Ajax从数据库中获取数据
- ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist
- ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
- ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ASP.NET jQuery 随笔 从DropDownList获取选择的text和value值
- ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
- ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
- ASP.NET jQuery 食谱24 (通过AJAX简单实现DropDownList二级联动)
- ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果