• 首页
  • 电影
  • Js
  • 前端
  • 新旅
  • 奇技
  • 网安
  • 歌单
  • 关于
  • 搜索
  • 夜间模式
    ©2013-2025  成长小破站 Theme by OneBlog
    搜索
    标签
    # css # js # uniapp # ps # chrome # 小程序 # javascript # 布局 # typecho # 激活码
  • 首页>
  • Javascript>
  • 正文
  • select change 事件

    2018年05月21日 1.4 k 阅读 0 评论 1243 字

    群内问题一粒 select change 事件
    如果用vue数据双向绑定更简单;

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
        <title>select change</title>
         <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
      </head>
      <body>
        <script type="text/javascript">
        $(function(){
        var num=0;
        var len = 4;//显示的长度
        $("#slct").change(function () {
        num++;
        num = parseInt(num, 10);
        num = num.toString(); 
        while(num.length < len) {
        num = '0' + num;
        }
        console.log(num)
        $('#num').val(num)
        })
        })
        </script>
        <input type="text" id='num' value="0000" />
        <select id='slct'>
          <option value ="volvo">javascript</option>
          <option value ="saab">sass</option>
          <option value="opel">grunt</option>
          <option value="audi">vue</option>
          <option value="audi">jquery</option>
          <option value="audi">bootstrap</option>
        </select>
      </body>
    </html>
    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    select change 事件
    取消回复

    发表留言
    回复

    首页电影Js前端新旅奇技网安歌单关于
    Copyright©2013-2025  All Rights Reserved.  Load:0.032 s
    豫公网安备41050202000235   豫ICP备18019224号-2
    Theme by OneBlog V3.6.4
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。