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

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

      • 前提事项
    • 核心代码
      • HTML
      • jQuery
      • 示意图

前提事项

记得引入jQuery

核心代码

HTML

<div>
	<select id="s1" onchange="dd()">
		<option value="">请选择option>
		<option value="Apple">Appleoption>
		<option value="Banana">Bananaoption>
	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值_第1张图片

你可能感兴趣的:(jQuery,jquery)