1. 程式人生 > >JavaScript DOM操作案例點擊按鈕選擇菜單

JavaScript DOM操作案例點擊按鈕選擇菜單

cli option code scrip itl -c nbsp round span

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <input type="button" value="點擊選擇" id="bt"/><br/>
 9 <select name="" id="ss">
10     <option value="1">油炸榴蓮</
option> 11 <option value="2">紅燒臭豆腐</option> 12 <option value="3">清蒸臭雞蛋</option> 13 <option value="4">涼拌鹹鴨蛋</option> 14 <option value="5" id="op1">爆炒小辣椒</option> 15 </select> 16 <script> 17 //封裝id獲取元素 18 function my$(id) {
19 return document.getElementById(id); 20 } 21 //通過id獲取按鈕元素,註冊點擊事件,添加事件處理函數 22 my$("bt").onclick = function () { 23 //獲取點擊選中的菜單元素設置selected屬性值 24 my$("op1").selected = true; 25 }; 26 </script> 27 </body> 28 </html>

JavaScript DOM操作案例點擊按鈕選擇菜單