JavaScript DOM操作案例点击按钮选择菜单

 1 <!DOCTYPE html>
 2 <html >
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <input type="button" value="点击选择" /><br/>
 9 <select name="" >
10     <option value="1">油炸榴莲</option>
11     <option value="2">红烧臭豆腐</option>
12     <option value="3">清蒸臭鸡蛋</option>
13     <option value="4">凉拌咸鸭蛋</option>
14     <option value="5" >爆炒小辣椒</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>