zoukankan      html  css  js  c++  java
  • juery学习总结——例子

    1、select元素在选择是找到选择的值和option中的值

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6     <script type="text/javascript" src="jquery-1.11.2.js"></script>
     7     <script type="text/javascript">
     8         $(function(){
     9                     $("select").change(function () {
    10                         $("span").eq(0).html($(this).val())
    11                         $("span").eq(1).html($(this).find("option:selected").text())
    12                      })
    13             $("span").eq(0).html($("select").val())
    14             $("span").eq(1).html($("select").find("option:selected").text())
    15         })
    16 
    17     </script>
    18 </head>
    19 <body>
    20 测试:<select>
    21     <option value = "1">hello</option>
    22     <option value = "2">world</option>
    23     <option value = "3">change</option>
    24     <option value = "4">le</option>
    25 </select>
    26 <div>选中的值:<span ></span>;value值:<span></span></div>
    27 </body>
    28 </html>
  • 相关阅读:
    Django与Ajax
    Django 常用字段和参数
    Django 模型层之多表操作
    Django 模型层之单表操作
    Django模板层
    Django 视图层
    Django 路由控制
    Django入门(下)
    Django入门(上)
    JavaScript常用类
  • 原文地址:https://www.cnblogs.com/ylink/p/5265106.html
Copyright © 2011-2022 走看看