帝王谷资源网 Design By www.wdxyy.com
界面代码:
复制代码 代码如下:
<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="/UploadFiles/2021-04-02/jquery-1.4.1-vsdoc.js"><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>
选择一种颜色显示如下:
复制代码 代码如下:
<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="/UploadFiles/2021-04-02/jquery-1.4.1-vsdoc.js"><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>
选择一种颜色显示如下:
帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
更新日志
2024年10月30日
2024年10月30日
- 5.2版本恰斯卡专属武器介绍,版本新信息
- 瓶子解说 王者荣耀女娲视频教学
- 新版回忆礼册系统详解!魔盒获取速度加快
- 黄翊.1989-冬季等到夏季【新艺宝】【WAV+CUE】
- 群星.1998-百代情歌竞技长女子组【EMI百代】【WAV+CUE】
- 巫奇.1995-犯错【滚石】【WAV+CUE】
- 《COD21》本周即将上线丧尸模式与“核弹小镇”地图
- 《龙腾世纪:影障守护者》IGN 9分:重振系列荣光!
- 《怪物猎人:荒野》玩家评分4.9 支持画面或性能模式
- 七日世界影日洞穴据点神秘宝箱在哪 影日洞穴据点神秘宝箱收集攻略
- 光遇姆明季先祖在哪里 姆明季先祖位置一览
- 原神5.4卡池爆料角色 5.4卡池预测
- 炉石传说亡灵流最终阵容推荐 酒馆战棋亡灵流最终阵容图文一览
- 炉石传说海盗流最终阵容推荐 酒馆战棋海盗流最终阵容图文一览
- 炉石传说元素流最终阵容推荐 酒馆战棋元素流最终阵容图文一览