鍦ㄤ娇鐢ㄤ笅鎷夊垪琛紙DropdownList锛夋椂锛屽彲浠ラ€氳繃浠ヤ笅姝ラ鏉ュ鐞嗕簨浠讹細

1. 鍦℉TML涓垱寤轰笅鎷夊垪琛ㄥ厓绱狅細

<select id="myDropdown">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>

2. 鍦↗avaScript涓幏鍙栦笅鎷夊垪琛ㄥ厓绱犲苟涓哄叾缁戝畾浜嬩欢澶勭悊绋嬪簭锛?/li>

const dropdown = document.getElementById("myDropdown");
dropdown.addEventListener("change", handleDropdownChange);

3. 鍒涘缓浜嬩欢澶勭悊鍑芥暟锛岃鍑芥暟灏嗗湪涓嬫媺鍒楄〃鐨勫€煎彂鐢熸敼鍙樻椂琚皟鐢細

function handleDropdownChange(event) {
const selectedOption = event.target.value;
console.log("Selected option: " + selectedOption);
// 杩欓噷鍙互鎵ц鍏朵粬鎿嶄綔锛屽鏍规嵁閫夋嫨鐨勯€夐」鏇存柊椤甸潰鍐呭绛?/span>
}

鍦ㄤ笂杩颁唬鐮佷腑锛屾垜浠鍏堥€氳繃document.getElementById鏂规硶鑾峰彇鍒颁笅鎷夊垪琛ㄥ厓绱狅紝骞朵娇鐢?code>addEventListener鏂规硶涓哄叾缁戝畾浜嗕竴涓?code>change浜嬩欢銆傚綋涓嬫媺鍒楄〃鐨勫€煎彂鐢熸敼鍙樻椂锛?code>handleDropdownChange鍑芥暟灏嗚璋冪敤銆?/p>

鍦?code>handleDropdownChange鍑芥暟涓紝鎴戜滑鍙互閫氳繃event.target.value鏉ヨ幏鍙栧埌褰撳墠閫夋嫨鐨勯€夐」鐨勫€硷紝骞舵墽琛岀浉搴旂殑鎿嶄綔銆傚湪杩欓噷锛屾垜浠畝鍗曞湴灏嗛€夋嫨鐨勯€夐」鎵撳嵃鍒版帶鍒跺彴涓婏紝浣犲彲浠ユ牴鎹嚜宸辩殑闇€姹傚湪杩欎釜鍑芥暟涓墽琛屽叾浠栨搷浣溿€?/p>

娉ㄦ剰锛氫笂杩颁唬鐮佸彧鏄ず渚嬶紝瀹為檯搴旂敤涓彲鑳介渶瑕佹牴鎹叿浣撻渶姹傝繘琛屼慨鏀广€?/p>