select对象

最新推荐文章于 2023-12-12 19:20:08 发布

CodeForCoffee

最新推荐文章于 2023-12-12 19:20:08 发布

阅读量531

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript option select

本文链接：https://blog.csdn.net/qq_24118527/article/details/90719474

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

select对象

一个select标记就是一个select对象

select对象的属性

options[]：设置或返回下拉列表中option标记构成的数组
selectedindex：设置或选中指定的option的索引号
length：指定下拉列表中option标记的个数
name：元素名称

option对象

一个option标记对应一个option对象

option对象的属性

text：指<option>和</option>之间的文本内容
value：指<option>标记的属性

简单的例子

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Hello</title>
	<script type="text/javascript">
		window.onload = function(){
			var Form = document.form;
			Form.city.options[2].text = "合肥"：
			alert(Form .city.options[2].text);
		}
	</script>
</head>
<body>
	<form name="form" method="post" action="">
		城市：
		<select name="城市">
			<option value="0">北京</option>
			<option value="1">上海</option>
			<option value="2">深圳</option>
		</select>
	</form>
</body>
</html>