zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Kafka 高级API 实战
    CDH 5.16.1 离线安装 Spark 2.3
    CDH5.16.1 离线安装 Kafka
    CDH5.16.1新增节点
    mysql搭建主从结构
    Kerberos常见错误
    expect实现脚本的 自动交互
    寒假day27
    寒假day26
    寒假day25
  • 原文地址:https://www.cnblogs.com/cuilichao/p/9339015.html
Copyright © 2011-2022 走看看