获取下拉列表选中项的值和文本(select)
代码 select.htm 示例如下：
=============================================================================
<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>
清空 添加 删除 option
删除select中的所有OPTION
document.getElementById("select的ID").options.length = 0;
为select添加一个option
document.getElementById("select的ID").options.add(new Option(text,value));
移除一个指定的OPTION
document.getElementById("select的ID").remove(i);
分享到：
相关推荐
<title>JS 操作 Select 和 Option <script language="JavaScript"> function $(id) { return document.getElementById(id); } function show() { var selectObj = $("area"); var myOption = document....
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等
js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合，包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...
### Js操作Select大全知识点详解 #### 一、概述 JavaScript（简称JS）是网页开发中不可或缺的一部分，尤其在处理用户界面交互方面具有重要作用。本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`...
### JavaScript操作select大全 在网页开发中，`<select>`元素是用于创建下拉列表的常用HTML标签之一。本文档提供了详细的JavaScript操作`<select>`元素的方法，包括判断选项是否被选中、增删改选项及其属性等实用...
这篇博客“javascript操作Select标记中options集合”深入探讨了如何利用JavaScript动态地管理和操作这些选项。以下是关于这个主题的一些关键知识点： 1. **DOM操作**：在JavaScript中，我们可以使用DOM（Document ...
### JavaScript 操作 Select 下拉框的关键知识点 在 Web 开发中，`<select>` 元素用于创建下拉列表（或选择框）。这些选择框在用户界面中非常常见，可以用来收集用户输入的信息，比如让用户从一系列选项中选择一个...
### JavaScript操作select&&table #### 一、JavaScript操作Select元素 在Web开发中，`<select>`元素用于创建下拉列表。通过JavaScript可以对这些下拉列表进行动态操作，包括添加选项、删除选项、获取选中的值等。...
Javascript操作Select和Option 一个网页 挺全的
根据给定的信息，本文将对JavaScript操作`<select>`元素的方法进行详细介绍，这些方法涵盖了创建、选择、删除选项等操作。 ### 1. 检查`<select>`元素是否存在值为`paraValue`的项 ```javascript function ...
以上代码展示了JavaScript操作`select`元素的一些常见方法。首先，`jsSelectIsExitItem`函数用于检查`select`中是否存在指定`value`的选项。如果存在，它将返回`true`，否则返回`false`。接着，`jsAddItemToSelect`...
根据给定的文件标题、描述、标签以及部分内容，本文将深入解析HTML中使用JavaScript操作`<select>`下拉框的全面方法。`<select>`元素是网页表单中用于创建下拉列表的关键部分，而通过JavaScript，我们可以动态地添加...
### JavaScript操作Select下拉列表框的关键技术点 #### 一、背景与需求分析 在Web应用开发中，经常需要处理用户界面的各种交互行为。本文档介绍了一种利用JavaScript操作Select下拉列表框的方法，旨在满足特定场景...
以上是JavaScript操作`<select>`标签的一些基本方法。在实际开发中，这些功能可能会作为更复杂交互的基础，例如动态加载数据、响应用户事件等。了解并熟练掌握这些操作，对于提升网页的交互性和用户体验至关重要。
JavaScript操作select元素是一个非常实用的前端技能，它可以通过用户与下拉菜单的交互来改变页面上的内容或行为，从而提升用户体验。下面将详细介绍如何使用JavaScript来操作select元素，并通过实例分析来说明其具体...
在JavaScript中操作`<select>`控件是网页开发中常见的需求，涉及到增、删、查、改等操作。本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作，包括新增选项、修改选项、删除选项、选中特定选项、清空...