选择颜色:

ASP.NET jQuery 食谱7 (从DropDownList获取选择

系统 1867 0

这节我们将通过jQuery来获取DropDownList的Text/Value属性值。

界面代码:

      
        <
      
      
        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 jQuery 食谱7 (从DropDownList获取选择的text和value值)_第1张图片




ASP.NET jQuery 食谱7 (从DropDownList获取选择的text和value值)


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论