首页 > 编程语言 > 详细

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

时间:2018-07-19 23:58:26      阅读:226      评论:0      收藏:0      [点我收藏+]
 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操作案例点击按钮选择菜单

原文:https://www.cnblogs.com/cuilichao/p/9339015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!