zoukankan      html  css  js  c++  java
  • 第一个输入框中 输入 test,第二个输入框中自动出现 test.baibu.com

    在js 方面,我总是欠缺的。知识有待 学习。

    朋友替的问题()

    有两个文本框,我想在第一个文本框中输入 test 的时候,第二个文本框会根据第一个文本框中的内容生成 test.baidu.com ,,,如果我输入的是
    test2 ,第二个文本框的内容自动生成 test2.baidu.com 。怎么实现啊?

    解答:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="../js/lhgdialog/jquery-1.7.1.min.js"></script>
    </head>
    
    <body>
    <input type="text" id='one'/>
    <input type="text" id="two" />
    </body>
    <script>
    $(function(){            
            $("#one").keyup(function(){
                $("#two").val($("#one").val()+".baidu.com");                    
            })                    
    })
    </script>
    </html>

    jQuery  中 用 .change() 也可以。但是,在你输入完成之后,点击第二个输入框的时候,会出现结果。

    <script>
    $(function(){            
            $("#one").change(function(){
                $("#two").val($("#one").val()+".baidu.com");                    
            })                    
    })
    </script>
  • 相关阅读:
    加密文件夹 | 彻底隐藏文件夹
    Swing的概述
    Java SE练习题——求奇数
    多线程有什么用?
    Robot的使用
    基础的Servlet
    Angular Resolver 学习
    GoLang 学习
    Angular Material 控件学习
    Angular 学习小记
  • 原文地址:https://www.cnblogs.com/xiaoxiao2014/p/3700706.html
Copyright © 2011-2022 走看看