`

下拉列表

HTML 
阅读更多

<html>
<head><title>获取下拉列表选中项的值和文本(select)</title></head>
<body>
<script>

//获取下拉列表选中项的文本
function getSelectedText(name){
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++){
if(obj[i].selected==true){
return obj[i].innerText; //关键是通过option对象的innerText属性获取到选项文本
}
}
}

//获取下拉列表选中项的值
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //如此简单，直接用其对象的value属性便可获取到
}

</script>
<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>

<input type="button" value="所选文本" onclick="alert(getSelectedText('myselect'));" />
<input type="button" value="所选值" onclick="alert( getSelectedValue('myselect'));" />
</body>
</html>

分享到：
| hibernatedaosupport
评论
发表评论

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

相关推荐

    LabVIEW实现下拉列表菜单

    在LabVIEW编程环境中，下拉列表控件（Dropdown Control）是一种常见的用户界面元素，它允许用户从一组预定义的选项中进行选择。本教程将详细讲解如何使用LabVIEW实现下拉列表菜单及其功能。 首先，下拉列表控件在...

    下拉列表自动跳转超链接网页

    在网页设计中，下拉列表通常用于提供多个选项供用户选择。然而，如果要实现一个功能，即当用户从下拉列表中选择一个特定选项时，网页能够自动跳转到对应的超链接，那么这就涉及到了JavaScript和HTML的交互。本文将...

    下拉列表.zip

    在IT行业中，下拉列表（Dropdown List）是一种常见的用户界面元素，它允许用户从一组预定义的选项中选择一个或多个值。下拉列表通常用于节省屏幕空间，尤其是在选项较多时，相比于显示所有选项，下拉菜单更加整洁。...

    JS下拉列表，漂亮的下拉列表（javascript）

    在JavaScript编程中，下拉列表（Dropdown List）是一种常见的用户界面元素，用于提供多项选择。在本项目中，我们探讨的是一款用JavaScript实现的“漂亮的下拉列表”，它具有多种特性，如支持主流浏览器，内置搜索...

    在datagridview控件实现下拉列表

    为了提高用户体验，我们有时需要在某些单元格内添加下拉列表功能，让用户能够从预定义的选项中选择，而不是直接输入。本篇文章将详细讲解如何在DataGridView控件中实现下拉列表功能。 首先，你需要创建一个...

    下拉列表按键自动选择

    在IT领域，"下拉列表按键自动选择"是一种常见的用户界面交互功能，它极大地提高了用户在输入信息时的效率和体验。下拉列表，也称为下拉菜单或选择框，是用户界面设计中的一个重要元素，它允许用户从一组预定义的选项...

    下拉列表二级联动

    ### 下拉列表二级联动：深入解析与实现 在网页开发中，下拉列表是一种常见的用户交互元素，用于提供选项供用户选择。而“下拉列表二级联动”则是在此基础上的一种高级应用，它允许用户在选择第一个下拉列表的某个...

    .net C# PropertyGrid 显示下拉列表

    .net C# PropertyGrid 显示下拉列表 在本文中，我们将讨论如何在 .NET 中使用 PropertyGrid 控件来显示下拉列表，并实现编辑表的各种属性。我们将通过一个自定义控件 CheckedListBoxUC 来实现这个功能。 Property...

    VBA 下拉列表代码

    ### VBA 下拉列表代码详解 #### 一、概述 在日常工作中，Excel 不仅仅是一款数据处理工具，更可以通过 VBA（Visual Basic for Applications）进行编程扩展其功能，实现自动化处理或其他复杂操作。本文将围绕“VBA ...

    自定义AutoCompleteTextView下拉列表控件

    在给定的标题“自定义AutoCompleteTextView下拉列表控件”中，我们可以理解为开发者想要超越Android原生`AutoCompleteTextView`的功能，创建一个更加定制化的版本，以满足特定需求。描述中提到“扩展Android系统自带...

    下拉列表中文首字母选择

    在IT行业中，下拉列表（Dropdown List）是一种常见的用户界面元素，它允许用户从一组预定义的选项中进行选择。在处理中文数据时，为了提高用户体验，常常会采用中文首字母选择的功能。这个功能主要是针对中文字符...

    C#WinForm中DataGridView表头下拉列表

    而"DataGridView表头下拉列表"的功能，是允许用户通过表头上的下拉列表来快速筛选或选择列的特定值，极大地提升了用户体验和数据操作的效率。这个特性特别适用于大型数据集，使得用户能够更直观、快速地定位和操作...

    下拉列表的实现20190108_Objective-C_ios_OC语言_下拉列表_

    Objective-C作为苹果官方支持的iOS开发语言之一，提供了一些方法来实现下拉列表的效果。以下我们将详细探讨如何在Objective-C中实现这一功能。 首先，我们需要了解iOS中的两种主要控件，它们可以用于模拟下拉列表的...

    javascript获取下拉列表的值

    在JavaScript中，获取下拉列表（也称为选择框或`&lt;select&gt;`元素）的值是一项常见的任务，特别是在处理用户输入和交互时。本篇博文中，我们将深入探讨如何有效地实现这一功能。 首先，我们需要理解HTML中的`&lt;select&gt;`...

    jxl创建下拉列表

    ### jxl创建下拉列表知识点解析 #### 一、jxl概述 jxl 是一个用于读写Microsoft Excel 文件的Java库。它支持多种版本的Excel文件格式，包括.xls（Excel 97-2003）等。jxl库允许开发者在Java应用程序中创建、修改和...

    一个漂亮的下拉列表，去掉了灰色倒三角按钮

    1. 下拉列表美化：文档的标题和描述强调了下拉列表的美观性，并提到适合使用在温馨风格的女性网站上。这说明在设计网站用户界面时，可以根据目标用户群体的偏好来定制下拉列表的外观。为了实现美观的下拉列表，设计...

    网页表单级联下拉列表自动填写方法

    网页表单级联下拉列表自动填写方法是指在网页表单中，多个下拉列表框之间存在关联关系，选择前一个下拉列表框的选项后，后一个下拉列表框才会出现相关的选项，这样可以实现自动填写省、市、县三级下拉列表框的功能。...

    带有复选框的下拉列表

    在网页设计中，有时我们需要创建一个具有复选框功能的下拉列表，让用户可以多选选项。本示例提供了一种实现这一功能的方法，通过两种技术：使用纯HTML和CSS的DIV控制，以及利用JQUERY库。这两种方法都可以有效地增强...

    c#可输入的下拉列表框

    "C#可输入的下拉列表框"是一种交互式控件，它结合了传统的下拉列表功能和文本输入框的功能，允许用户既可以从中选择已有的选项，也可以自由输入新的值。这种控件在提高用户体验和数据输入灵活性方面起到了重要作用。...

    易语言取组合框下拉列表高亮文本

    在易语言编程环境中，"取组合框下拉列表高亮文本"是一个常见的操作，它涉及到对用户界面元素的交互处理，特别是与组合框（ComboBox）相关的控件操作。组合框是一种常用的用户输入组件，它允许用户从一组预定义的选项...

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