技术问答JS濡備綍缁檇ropDownList()娣诲姞浜嬩欢 - 扬州沐宇科技

鍙互浣跨敤addEventListener()鏂规硶鏉ョ粰dropDownList()娣诲姞浜嬩欢銆傞鍏堬紝闇€瑕佽幏鍙栧埌dropDownList鍏冪礌鐨勫紩鐢紝鐒跺悗閫氳繃addEventListener()鏂规硶娣诲姞浜嬩欢銆備互涓嬫槸涓€涓緥瀛愶細

// 鑾峰彇dropDownList鍏冪礌鐨勫紩鐢?/span>
var dropDownList = document.getElementById('dropDownList');

// 娣诲姞浜嬩欢
dropDownList.addEventListener('change', function() {
  // 鍦ㄩ€夋嫨鍙戠敓鏀瑰彉鏃舵墽琛岀殑浠ｇ爜
  console.log('閫夋嫨鍙戠敓鏀瑰彉');
});

鍦ㄤ笂闈㈢殑渚嬪瓙涓紝鎴戜滑棣栧厛閫氳繃getElementById()鏂规硶鑾峰彇鍒颁簡id涓篸ropDownList鐨勫厓绱犵殑寮曠敤锛岀劧鍚庝娇鐢╝ddEventListener()鏂规硶缁欒鍏冪礌娣诲姞浜嗕竴涓猚hange浜嬩欢鐨勭洃鍚櫒銆傚綋閫夋嫨鍙戠敓鏀瑰彉鏃讹紝鐩戝惉鍣ㄤ腑鐨勪唬鐮佸皢琚墽琛岋紝骞跺湪鎺у埗鍙版墦鍗板嚭"閫夋嫨鍙戠敓鏀瑰彉"銆傝鏍规嵁瀹為檯闇€瑕佷慨鏀圭洃鍚櫒涓殑浠ｇ爜銆?/p>