`

下拉列表取值的小技巧

 
阅读更多
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>

分享到：
| 原文:Android Theme XML
评论
发表评论

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

相关推荐

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

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

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

    从数据库读取数据，插入到下拉列表框中，实现下拉列表框的数据的填充

    Python列表中随机取值

    python 列表 随机取值 不用循环从一个list中选择随机的元素

    java web封装下拉列表

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

    Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

    下面给大家介绍Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题。 摘要: 表单标签取值问题中，单选按钮、复选按钮和下拉列表都比较特殊。这里总结一下vue.js中关于单选按钮、复选按钮和下拉列表不同情况...

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

    ③，在下拉列表中可显示自定义的多列数据。④，可在下拉列表中通过输入关键字，自动搜索符合条件的数据行。⑤，可指定不同的值列和显示列。⑥，可设置是否显示行头和列头。⑦，程序根据显示列的多少和宽度，自动调整...

    cxLookupComboBox取值

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

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

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

    颜色取值小帮手

    颜色取值小帮手

    python实现字典嵌套列表取值

    今天小编就为大家分享一篇python实现字典嵌套列表取值，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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

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

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

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

    屏幕颜色取值神器

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

    屏幕颜色取值小工具

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

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

    C++数据类型及取值范围 1.基本数据类型： ①字符类型：char(字符型) 例：‘A’,’b’ ②整数类型：int(整型) 例：4563, 234, 885634 ③浮点类型：float(单精度型)、double(双精度型) 例：3.1456 , 0.9e12 ④空值...

    java 中如何从LIST 对象取值

    java 中如何从LIST 对象取值

    颜色取值器

    总之，颜色取值器是设计和开发领域中不可或缺的小工具，它通过直观的方式帮助用户获取并管理颜色信息，简化了颜色处理的过程，提高了工作效率。无论是在网页设计、软件开发还是日常的色彩管理中，都有其广泛的应用...

    遍历跳码取值

    这可能涉及到对数组、列表或其他数据结构的迭代，以及可能使用了LINQ（Language Integrated Query）这样的工具来简化数据操作。 总的来说，遍历跳码取值是一种优化数据访问的技术，它在分页查询中特别有用，能有效...

    颜色取值器，能快速取电脑上的色值，绿色小巧

    颜色取值器是一种非常实用的开发工具，尤其对于UI设计师、前端开发者以及任何需要精确获取屏幕上颜色信息的用户来说，它都是不可或缺的辅助软件。标题和描述中的“绿色小巧”暗示了这款工具不仅轻量级，而且无需安装...

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