ASP.NET jQuery の例 7 jQuery_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="red" Value="1"></asp:ListItem>
<asp:ListItem Text= "黄" 値="2"></asp:ListItem>
<asp:ListItem Text="青" 値="3">
</ asp: DropDownList>
</div>
<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 () { // キーアップと変更イベントをバインドします$("#if ($(this).val() != "") { // ここで注意してください $(this).text( ) 取得されるのはコレクション全体の text 属性の内容なので、再度フィルタリングして選択した項目を取り出す必要があります

$("#message").text("Text: " $(this). find(":selected" ).text() "値: " $(this).val());

}
else {
$("#message").text("") ;
}
});
</script>


以下に示すように色を選択します。