码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-07-20 00:26:11      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:turn   asc   cte   type   封装   char   doctype   html   注册   

 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操作案例点击按钮选择菜单

标签:turn   asc   cte   type   封装   char   doctype   html   注册   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!