zoukankan      html  css  js  c++  java
  • jQuery练习8按钮选中下拉框中内容

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     2 <html>
     3   <head>
     4     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     5     <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
     6   </head>
     7   <body>
     8       <input type="button" value="选中1号"/>
     9       <input type="button" value="选中2号"/>
    10     <select>
    11         <option>0号</option>
    12         <option>1号</option>
    13         <option>2号</option>
    14         <option>3号</option>
    15     </select>
    16     <hr>
    17     <input type="button" value="选中北京和重庆"/>
    18     <select multiple size="4">
    19         <option>北京</option>
    20         <option>上海</option>
    21         <option>广州</option>
    22         <option>重庆</option>
    23     </select>
    24     <script type="text/javascript">
    25         $("input[value='选中1号']").click(function(){
    26             //alert("选中1号");
    27             $("select").val("1号");
    28         });
    29         $("input[value='选中2号']").click(function(){
    30             //alert("选中2号");
    31             $("select").val("2号");
    32         });
    33         $("input[value='选中北京和重庆']").click(function(){  //这里有疑问
    34             $("select:eq(1)").val(["北京","重庆"]);
    35         });
    36     </script>
    37   </body>
    38 </html>
  • 相关阅读:
    discuz $_G变量
    php & 引用
    discuz模板引擎
    nginx正则表达式
    linux系统安装 dig和nslookup命令
    linux中的各种$号 位置参数变量
    memcache图形管理工具
    mysql 注入问题
    pycharm 连接mysql失败
    Bootstrap 常用网站
  • 原文地址:https://www.cnblogs.com/hacket/p/3071987.html
Copyright © 2011-2022 走看看