欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 12:29:42
...

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

前提事项

记得引入jQuery

核心代码

HTML

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

jQuery

<script>
	function dd(){
		var c = $("#s1 option:selected").text();
		var d = $("#s1 option:selected").val();
		console.log('text:',c,'value:',d)	//在控制台中打印显示
</script>

示意图

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

相关标签: jQuery jquery