`

下拉列表选中的文字和值的处理实例

    博客分类：
  • jsp
XHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function outText(){
  var selectId = document.getElementById("selectId");
  var text =selectId.options[selectId.selectedIndex].text;
  var val = selectId.options[selectId.selectedIndex].value;
  alert("你选中的是值为: "+val+"  文字为: "+text+"  的选项");
}
</script>
</head>

<body>
<select name="select" id="selectId" onchange="outText();">
  <option value="1">AAAA</option>
  <option value="2">BBBB</option>
  <option value="3">CCCC</option>
</select>
</body>
</html>

分享到：
| js 中数据计算及数据精度实例
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Axure设计实现下拉框多选及取消

    Axure实现下拉框选项多选并将选中内容展示在文本框中，且可通过删除文本框的内容来取消对应的选项选中样式，具体的实现步骤可参考https://blog.csdn.net/super_DuoLa/article/details/123971433

    jQuery实现输入框下拉列表树插件特效代码分享

    本文实例讲述了jQuery实现输入框下拉列表树插件。分享给大家供大家参考。具体如下： 这是一款基于jquery实现的下拉列表树插件源码，是一款实用的jquery 树形下拉框下拉树代码。点击文本框即可弹出树形下拉列表，单击...

    JavaScript网页特效范例宝典源码

    实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉列表 105 实例063 在下拉列表中进行多选移除 106 实例064 将数组中的数据添加到下拉菜单中 107 实例065 应用下拉菜单选择所要联机的网站 108 实例066 多级...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...

    ASP.NET开发实战1200例（第Ⅰ卷）第二十章

    实例539 通过下拉列表选择头像 816 实例540 通过网页对话框选择头像 817 实例541 用Ajax滑块扩展控件调整图片大小 819 实例542 为相册中的照片加上淡入淡出效果 （AJAX） 821 实例543 使用AJAX可调整大小控件拖曳...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    PHP开发实战1200例源码

    实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...

    Office高级应用实例制作招聘启事PPT学习教案.pptx

    用户可以单击“插入”选项卡，在“页眉和页脚”功能组中单击“页眉”按钮，然后在下拉列表中选择“编辑页眉”命令，使文档进入到页眉编辑状态。用户可以在页眉中插入图片和文字，然后调整图片的大小和位置。用户也...

    Visual C++实效编程百例光盘源代码

    　实例26　工具栏上设置下拉按钮　 　实例27　使窗体保持在最前　 　实例28　模仿Windows任务栏　 　实例29　定义光标热区　 　实例30　拖放选中对象　 第3章　多媒体控制　 　实例31　调节系统音量　 　实例32　...

Magicbox
Global site tag (gtag.js) - Google Analytics