選擇顏色:

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

ASP.NET jQuery 食譜7 (從DropDownList獲取選擇

系統 2053 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條評論
主站蜘蛛池模板: 够爱久久 | 99久久99久久精品国产 | 精品一区二区三区免费观看 | 亚洲一区二区在线视频 | 国产精品久久久久久久牛牛 | www精品久久| 毛片大全免费看 | 欧美顶级xxxxbbbb | 久久亚洲国产午夜精品理论片 | 四虎影院国产精品 | 国内精品视频一区二区三区八戒 | 国产精品成人一区二区三区 | 九九热免费在线视频 | 99福利在线观看 | 九月婷婷综合婷婷 | 国产区91| 青青青国产免费手机视频在线观看 | 91精品一区二区三区久久久久 | 亚洲最新在线 | 国产福利视频一区二区三区 | 精品久久久久久久久久中文字幕 | 中文字幕伊人久久网 | 国产免费一区二区三区香蕉精 | 亚洲国产激情一区二区三区 | 国产亚洲精品久久久久久久软件 | 日本a视频在线观看 | 国产精品久久新婚兰兰 | 综合色伊人| 九九精品视频免费 | 久操视频免费观看 | 欧美国产永久免费看片 | 国产一区二区三区高清视频 | 久久er99热精品一区二区 | 伊人成人在线视频 | 国产精品原创视频 | 久久www免费人成_看片美女图 | 久久精品女人毛片国产 | a级爱爱视频 | 97人人干| 久久66热re国产毛片基地 | 亚洲国产美女精品久久 |