`
jveqi
  • 浏览: 321666 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS 得到选中的下拉列表的序号 或者 显示的内容

    博客分类:
  • js
 
阅读更多

// html 片段  
<select id="mySelect" onchange="getValue(this);"> 
  <option>Apple</option> 
  <option>Orange</option> 
  <option>Pineapple</option> 
  <option>Banana</option> 
</select> 
 
// js   
<script> 
  function getValue(obj) 
  { 
      var vValue = obj.value; 
      alert("被选中的下拉列表的值是:"+vValue); 
 
      var vIndex = obj.selectedIndex; 
      alert("被选中的下拉列表的索引序号是:"+vIndex); 
 
      var vInnerHtml = obj.options[obj.selectedIndex].innerHTML 
      alert("被选中的下拉列表的显示内容是:"+vInnerHtml ); 
  } 
</script> 
// html 片段
<select id="mySelect" onchange="getValue(this);">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>

// js
<script>
  function getValue(obj)
  {
      var vValue = obj.value;
      alert("被选中的下拉列表的值是:"+vValue);

      var vIndex = obj.selectedIndex;
      alert("被选中的下拉列表的索引序号是:"+vIndex);

      var vInnerHtml = obj.options[obj.selectedIndex].innerHTML
      alert("被选中的下拉列表的显示内容是:"+vInnerHtml );
  }
</script>

 

备忘所用,也希望给广大网友以提示作用。

分享到:
评论

相关推荐

    WPF 下拉列表框ComboBox扩展控件

    自动滚屏则确保当前选中的项目始终可见,即使列表内容过多导致滚动。 在实现这些特性时,我们需要使用WPF的事件处理机制,比如SelectionChanged事件和ScrollViewer的ScrollChanged事件。通过响应这些事件,我们可以...

    组合框下拉列表中显示图片

    在一些情况下,我们可能希望在组合框的下拉列表中不仅显示文本,还显示相关的图片,以增强界面的视觉效果和用户体验。本篇文章将详细探讨如何在Access的组合框中实现这一功能。 首先,我们需要理解Access中的组合框...

    table表格增加序号显示

    html网页 table表格增加序号显示javascript

    在对话框显示所有可用的驱动器列表

    "在对话框显示所有可用的驱动器列表"这一功能是常见的需求,它允许用户从一个下拉菜单中直观地选取他们想要操作的硬盘、光驱或者USB设备。这个功能广泛应用于文件管理器、安装程序以及其他需要与存储设备交互的应用...

    利用查找字段实现DBGRID的下拉列表框

    设置新字段的属性,使其具有下拉列表的功能,如 PickList(设置下拉列表的值),初始序号(DropDownRows)等。 4. 隐藏原字段。如果希望 `b` 字段不直接在 DBGrid 中显示,可以通过双击 DBGrid,进入 Editing ...

    CXGRID显示序号

    在IT行业中,尤其是在开发基于Windows的应用程序时,控件的使用是至关重要的。CXGRID是一种常用的组件库,它...在实际开发中,开发者可以根据具体需求调整这个示例,比如改变序号的格式,或者在特定条件下才显示序号。

    js带序号的图片布局实例代码.rar

    在JavaScript(简称JS)编程中,实现带序号的图片布局是一种常见的需求,尤其是在构建响应式网站、网页应用或者图像画廊时。这个实例代码很可能包含了一套完整的解决方案,用于展示图片并为每张图片添加相应的序号。...

    js实现添加删除一行。每一行下面可以再添加一行。序号自动改变

    通过JavaScript,可以添加切换事件,如`click`事件,改变选中行的样式。 8. **优化与性能**: - 当表格行数过多时,频繁操作DOM会降低页面性能。可以考虑使用虚拟DOM技术,如React,或者使用`document....

    表格显示序号与设置值

    1. **前端技术**:如果是在网页上显示表格,那么HTML `&lt;table&gt;`元素和JavaScript(如jQuery或Vue.js)可能会被用来动态生成和更新序号。CSS也可能用于美化表格样式。如果是React或Angular等现代框架,组件化编程的...

    javascript自动为表格增加序号

    在javascript语句中自动为表格增加序号

    abap 如何刷新序号

    根据提供的文件信息,本文将详细解释ABAP中ALV(Application List Viewer)如何实现序号刷新及保持序号顺序不变的技术细节。 ### ALV 序号控制基础 在ABAP中,ALV(Application List Viewer)是用于显示表格数据的...

    js序号递增 前端实现的多种方法

    js序号递增前端实现的多种方法js序号递增前端实现的多种方法js序号递增前端实现的多种方法js序号递增前端实现的多种方法js序号递增前端实现的多种方法js序号递增前端实现的多种方法js序号递增前端实现的多种方法js...

    javascript下拉列表中显示树形菜单的实现方法

    在JavaScript中实现下拉列表显示树形菜单是一种常见的交互设计,尤其在网页界面中,能够提供用户友好的导航体验。本文将详细介绍如何使用JavaScript、CSS和HTML来创建这样的功能。 首先,我们需要理解主要目的。这...

    单片机八个按键控制数码管显示对应序号代码及仿真

    4. 数码管显示:根据序号数组的内容,生成适当的段码并输出到数码管。 5. 循环运行:主程序不断地重复上述步骤,直到系统停止运行。 在实际应用中,可能还需要考虑按键的去抖动处理,以避免因机械抖动引起的误识别...

    JS判断是否选中checkbox

    - **逻辑**: 遍历指定名称的所有`checkbox`元素,如果发现有某个元素没有被选中,则弹出一个警告框,显示该元素的位置序号。 **解析**: 此代码段提供了一个简单的函数,用于检查一组具有相同名称的`checkbox`中是否...

    xpages repeat显示序号

    这个功能在创建列表、表格或者任何需要循环显示数据的场景中非常常见。"xpages repeat"显示序号是提升用户体验的一个重要方面,它可以帮助用户更好地理解和跟踪列表中的每一项。 在XPages中,`&lt;xp:repeat&gt;`标签用于...

    ListCtrl支持编辑和下拉列表框

    lvColumn.pszText ="序号"; lvColumn.iSubItem = 0; lvColumn.fmt = LVCFMT_CENTER; //Inserts the column m_CoEdList.InsertColumn(0,&lvColumn); lvColumn.iSubItem=1; lvColumn.fmt = LVCFMT_CENTER; ...

    domino xpages 开发 附件显示序号和中文

    在Domino XPages开发中,显示附件序号和中文名称是一项常见的需求,这有助于用户更清晰地查看和管理附件。XPages是一种基于Java和JavaScript的框架,用于构建IBM Domino应用程序的用户界面。在这个场景中,我们看到...

    在屏幕上显示一张时间表,操作人员根据提示进行选择,程序根据输入的时间序号显示相应的问候信息

    在屏幕上显示一张时间表,操作人员根据提示进行选择,程序根据输入的时间序号显示相应的问候信息

    android NumberPicker修改选中内容的颜色等

    在默认情况下,`NumberPicker` 的样式是系统预设的,但有时候为了满足个性化需求或者应用整体设计风格,我们可能需要自定义它的显示效果,特别是选中内容的颜色、字体大小和两条分隔线的颜色。这篇内容将详细介绍...

Global site tag (gtag.js) - Google Analytics