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

 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>

 

posted @ 2018-07-19 23:09  {颜逸}  阅读(831)  评论(0编辑  收藏  举报