下拉列表选中文本值

最新推荐文章于 2022-07-27 11:30:45 发布

maya1024

最新推荐文章于 2022-07-27 11:30:45 发布

阅读量186

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/high32/article/details/111300552

版权

javascript 专栏收录该内容

38 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		请选择小狗:<select id="mylist">
			<option>小白</option>
			<option>大黄</option>
			<option>小红</option>
			<option>大黑</option>
		</select>
		<p>你最喜欢的小狗是:<input type="text" /></p>
	</body>
</html>
<script type="text/javascript">
	let oMylist = document.getElementById("mylist");
	oMylist.onchange = function(){
		// option 集合可返回包含 <select> 元素中所有 <option> 的一个数组。
		// selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
		// text 属性可设置或返回选项的文本值。
		//调用下拉列表options数组,选中列表选中索引,里的内容
		oMylist.nextElementSibling.firstElementChild.value = oMylist.options[oMylist.selectedIndex].text;
	}
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

maya1024

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
下拉列表选中文本值

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 请选择小狗:<select id="mylist"> <option>小白</option> <option>大黄</option> <optio
复制链接

扫一扫