技术问答jquery涓嬫媺鑿滃崟鎬庝箞瀹炵幇 - 扬州沐宇科技

鍦╦Query涓紝鍙互浣跨敤<select>鏍囩鍜?code><option>鏍囩鏉ュ垱寤轰笅鎷夎彍鍗曘€備互涓嬫槸涓€涓畝鍗曠殑绀轰緥锛?/p>

HTML浠ｇ爜锛?/p>

<select id="mySelect">
<option value="option1">閫夐」1</option>
<option value="option2">閫夐」2</option>
<option value="option3">閫夐」3</option>
</select>

jQuery浠ｇ爜锛?/p>

// 褰撲笅鎷夎彍鍗曠殑閫夐」鍙戠敓鏀瑰彉鏃惰Е鍙戜簨浠?/span>
$('#mySelect').change(function() {
// 鑾峰彇閫変腑鐨勫€?/span>
var selectedOption = $(this).val();
// 鎵ц鐩稿簲鐨勬搷浣?/span>
if (selectedOption === 'option1') {
// 澶勭悊閫夐」1琚€変腑鐨勬儏鍐?/span>
} else if (selectedOption === 'option2') {
// 澶勭悊閫夐」2琚€変腑鐨勬儏鍐?/span>
} else if (selectedOption === 'option3') {
// 澶勭悊閫夐」3琚€変腑鐨勬儏鍐?/span>
}
});

鍙互鏍规嵁闇€瑕侊紝鍦ㄧ浉搴旂殑鏉′欢璇彞涓紪鍐欏鐞嗛€夐」琚€変腑鏃舵墍瑕佹墽琛岀殑鎿嶄綔銆?/p>