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

下拉列表取值的小技巧

 
阅读更多
Code:
  1. <html>
  2. <head><title>获取下拉列表选中项的值和文本(select)</title></head>
  3. <body>
  4. <script>
  6. //获取下拉列表选中项的文本
  7. functiongetSelectedText(name){
  8. varobj=document.getElementById(name);
  9. for(i=0;i<obj.length;i++){
  10. if(obj[i].selected==true){
  11. returnobj[i].innerText;//关键是通过option对象的innerText属性获取到选项文本
  12. }
  13. }
  14. }
  16. //获取下拉列表选中项的值
  17. functiongetSelectedValue(name){
  18. varobj=document.getElementById(name);
  19. returnobj.value;//如此简单，直接用其对象的value属性便可获取到
  20. }
  22. </script>
  23. <selectid="myselect">
  24. <optionvalue="fist">1</option>
  25. <optionvalue="second">2</option>
  26. <optionvalue="third">3</option>
  27. </select>
  29. <inputtype="button"value="所选文本"onclick="alert(getSelectedText('myselect'));"/>
  30. <inputtype="button"value="所选值"onclick="alert(getSelectedValue('myselect'));"/>
  31. </body>
  32. </html>
  33. IE6中获取下拉列表选中项的值
  34. <script>
  35. functionu()
  36. {
  37. var_select=document.getElementById("ss")
  38. varjj=_select.options[_select.selectedIndex].value;
  39. document.write(jj);
  40. }
  41. 直接用一下这种方式，可能会有问题的
  42. //获取下拉列表选中项的值
  43. functiongetSelectedValue(name){
  44. varobj=document.getElementById(name);
  45. returnobj.value;//如此简单，直接用其对象的value属性便可获取到
  46. }
  48. </script>

分享到：
| 互联网产品的灰度发布
评论
发表评论

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

相关推荐

    下拉列表选中项的文本值的赋值与取值

    在网页设计和开发中，下拉列表（Dropdown List或Select Element）是常见的一种用户界面元素，用于提供多个选项供用户选择。本篇文章将详细讲解如何为下拉列表的选中项设置文本值以及如何获取选中项的文本值，这对于...

    c# 读取数据到下拉列表框

    ### C# 读取数据到下拉列表框 在C#开发中，经常需要从数据库中获取数据并将其展示在用户界面上。一种常见的做法是将数据填充到下拉列表框（ComboBox）中，以便用户可以选择。下面我们将详细介绍如何通过C#代码实现...

    Python列表中随机取值

    ### Python列表中随机取值 #### 背景与需求 在进行数据分析、模拟或算法测试等场景时，经常会遇到需要从列表中随机抽取元素的需求。例如，在编写测试用例时，可能需要从一系列测试数据中随机选取部分数据来验证...

    java web封装下拉列表

    封装了页面的下拉列表,直接从后台数据库取值

    Delphi中StringGrid动态绑定下拉列表

    Delphi 中 StringGrid 动态绑定下拉列表 Delphi 中的 StringGrid 控件不同于 DbGrid 控件，它不具有内置的 PickList 属性来显示下拉列表。但是，我们可以通过编程的方式来实现 StringGrid 中的下拉列表绑定。下面将...

    cxLookupComboBox取值

    2. **下拉列表**：它可以显示一个下拉列表，列表中的项可以通过自定义列来展示数据字段。 3. **查找功能**：用户输入部分文本后，组件可以自动过滤列表，显示出匹配的项。 4. **显示与存储值**：可以设置不同的字段...

    PB怎样得到下拉数据窗显示列的值

    在PB开发过程中，下拉数据窗(DropDownDataWindow)是一种常见的控件，它允许用户从一个列表中选择数据，这种交互方式简洁高效。但在实际应用中，开发者常常会遇到这样的需求：当用户选择了某个选项后，如何获取这个...

    jquery 模拟Select下拉选择框取值功能.zip

    这通常包括一个主按钮（可能是`&lt;button&gt;`或`&lt;div&gt;`），以及一个隐藏的下拉列表（可能是`&lt;ul&gt;`或`&lt;div&gt;`）。通过CSS，我们可以控制这些元素的样式和位置，使其看起来和行为都像一个标准的Select元素。 在...

    颜色取值小帮手

    颜色取值小帮手

    python实现字典嵌套列表取值

    本文将详细介绍如何在Python中处理字典嵌套列表取值的情况，这对于处理复杂的数据结构非常有用。 首先，让我们了解字典和列表的基本概念。字典是一种可变容器模型，它存储键值对，每个键（key）都是唯一的，并且与...

    取cxLookupComboBox下拉各列的值

    在Delphi编程环境中，`cxLookupComboBox` 是DevExpress控件库中的一个组件，它用于创建具有下拉列表功能的组合框。这个控件通常用于显示多列数据，并且可以从关联的数据源中选择值。在本场景中，我们需要讨论的是...

    C++数据类型及取值范围

    下面将详细阐述C++中的数据类型及其取值范围。 1. **基本数据类型**： - **字符类型(char)**：用于存储单个字符，如英文字母、数字、标点符号等。字符类型包括`signed char`和`unsigned char`，前者取值范围为-128...

    C#重定义的下拉多选控件，支持显示多列、单选/多选，文件中附有源码

    用户可以在下拉列表中输入关键词，控件会实时过滤出匹配的数据行，提升了用户体验。此外，显示多列数据的功能使得控件可以展示更为丰富的信息，尤其适合那些需要在有限空间内展示多个属性的应用场景。 关于界面布局...

    省市级联表格(不是下拉列表级联啊

    在这个场景中，"省市级联表格"并不是指传统的下拉列表级联，而是通过表格形式来展现省份和城市之间的层级结构。下面我们将深入探讨这个主题。 首先，我们要理解"非动态省市级联表单"的概念。这通常意味着表单中的...

    屏幕颜色取值神器

    屏幕颜色取值神器是一款专为设计师、程序员以及对颜色敏感的用户设计的实用工具，它能够帮助用户快速、准确地获取屏幕上任何位置的颜色值。在数字图像处理和网页设计等领域，精确的颜色匹配至关重要，这款软件提供了...

    C#美化ComboBox的源码，为下拉列表框着色

    摘要:C#源码,控件类库,ComboBox,Select美化　美化ComboBox，为窗体中的下拉列表框各个下拉项着色，这样在数据量较多的时候，更容易区分和取值。 　private static Brush[] listBoxBrushes;//该数组用来存储绘制...

    屏幕颜色取值小工具

    屏幕颜色取值小工具是一种非常实用的辅助设计和开发的软件，主要功能是帮助用户获取屏幕上任意位置的颜色代码。在网页设计、UI设计、图像处理或者编程时，我们需要精确匹配或复制屏幕上的颜色，这时这款小工具就显得...

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