JavaScript - 实现获取select下拉框选项的改变触发的onchange事件选择的option值

核心代码

HTML

<div>
	<select id="s1" onchange="dd()">
		<option value="">请选择option>
		<option value="Apple">Appleoption>
		<option value="Banana">Bananaoption>
	select>
div>
<div id="myshow">我是一颗小虎牙div>

JavaScript

<script type="text/javascript">
	function dd(){
		var a = document.getElementById("s1").options;
		var b = document.getElementById("s1").selectedIndex;
		console.log('选择项的序号：',b,'选择项整行代码：',a[b],'选择项整行代码的文本：',a[b].text,'选择项整行代码的值：',a[b].value);
</script>

示意图