几个对象的获取
var obj = document.getElementById(”select_id”); //selectid
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
小操作，玩玩
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">
function getResult(){
var obj=document.getElementById("province").options;
for(var i=0;i<obj.length;i++){
alert(obj[i].text);
}
alert("11");
var username=document.getElementById("username");
var password=document.getElementById("pwd");
if(username.value=="" && password.value==""){
alert("空");
}
}
</script>
</head>
<body>
<form name="f" onsubmit="getResult();">
<fieldset>
<legend>用户注册</legend>
<div>
<label for="username">帐号</label>
<input type="text" id="username" name="username" />
</div>
<div>
<label for="pwd">密码</label>
<input type="password" name="pwd" id="pwd" />
</div>
<div>
<label for="province">省份</label>
<select id="province" name="province" >
<option value="10">江西</option>
<option value="11">福建</option>
<option value="12">广东</option>
<option value="13">浙江</option>
</select>
</div>
</fieldset>
<input type="submit" value="提交" name="btnSub" />
</form>
</body>
</html>
分享到：
相关推荐
### JavaScript操作select大全 在网页开发中，`<select>`元素是用于创建下拉列表的常用HTML标签之一。本文档提供了详细的JavaScript操作`<select>`元素的方法，包括判断选项是否被选中、增删改选项及其属性等实用...
这篇博客“javascript操作Select标记中options集合”深入探讨了如何利用JavaScript动态地管理和操作这些选项。以下是关于这个主题的一些关键知识点： 1. **DOM操作**：在JavaScript中，我们可以使用DOM（Document ...
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等
下面将详细介绍如何使用 JavaScript 来操作 `select` 下拉框中的选项。 #### 1. 检查 Select 下拉框中是否存在特定值 (jsSelectIsExitItem) ```javascript function jsSelectIsExitItem(objSelect, objItemValue) ...
JavaScript中的Select对象是HTML表单元素Select的编程接口，它提供了对下拉列表的操作功能。在Web开发中，Select元素通常用于创建用户可以选择的多个选项。以下是对标题和描述中涉及的知识点的详细说明： 1. **动态...
### JavaScript模拟select控件知识点详解 #### 一、引言 在前端开发中，有时我们需要对浏览器原生的`<select>`元素进行定制化处理，比如实现更丰富的样式或者增加额外的功能。本篇将深入探讨如何使用纯JavaScript...
### JavaScript操作表单Select元素的常用步骤 在Web开发中，`<select>`标签用于创建一个下拉列表供用户选择选项。使用JavaScript可以方便地控制这些下拉列表的行为，例如添加、删除或修改选项等。下面详细介绍如何...
### JavaScript操作select&&table #### 一、JavaScript操作Select元素 在Web开发中，`<select>`元素用于创建下拉列表。通过JavaScript可以对这些下拉列表进行动态操作，包括添加选项、删除选项、获取选中的值等。...
### JavaScript Select Option 操作详解 #### 一、检测是否有选中项 在处理表单时，经常需要检测用户是否已选择了某个 `<select>` 元素中的 `<option>` 项。以下是一个简单的示例来实现这一功能： ```javascript ...
Javascript操作Select和Option 一个网页 挺全的
在HTML中，`<select>`元素常用于创建下拉列表，而JavaScript则提供了操作这些下拉列表的强大功能。本文将深入探讨如何使用JavaScript来操作Select及其内部的Option。 1. **动态创建 Select** 使用`document....
下面将详细介绍在JavaScript中对`<select>`元素进行的常见操作。 ### 1. 检查`<select>`元素中是否存在特定值的项 ```javascript function existValue(obj, value) { for (var i = 0; i ; i++) { if (obj....
根据给定的文件标题、描述、标签以及部分内容，本文将深入解析HTML中使用JavaScript操作`<select>`下拉框的全面方法。`<select>`元素是网页表单中用于创建下拉列表的关键部分，而通过JavaScript，我们可以动态地添加...
在JavaScript编程中，操作HTML元素，特别是Select元素，是常见的需求。这个场景中，我们讨论的是如何实现一个功能，让用户可以在两个Select下拉框之间移动选择的值，这种功能常见于多选设置或者数据迁移的界面。下面...
javascript 获取select ->option中id、value、label属性及<option></option>中内容
在JavaScript中操作`<select>`控件是网页开发中常见的需求，涉及到增、删、查、改等操作。本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作，包括新增选项、修改选项、删除选项、选中特定选项、清空...
JavaScript操作select元素是一个非常实用的前端技能，它可以通过用户与下拉菜单的交互来改变页面上的内容或行为，从而提升用户体验。下面将详细介绍如何使用JavaScript来操作select元素，并通过实例分析来说明其具体...
在网页中，这种三级联动通常涉及到多个`<select>`元素，它们之间的选项关联和更新需要通过JavaScript来实现。 首先，我们需要理解HTML的`<select>`元素和`<option>`元素。`<select>`元素用于创建一个下拉列表，而`...
文件"jQuery-Select-bynet.htm"可能就是一个示例代码或插件的文档，它可能包含了更高级的select操作示例，如模拟多级联动下拉菜单或者自定义的下拉列表样式。 总的来说，掌握jQuery操作select的方法对于前端开发来...