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>
  • 相关阅读:
    动态ip发布web+绑定域名
    JQuery选择器大全
    mysql触发器
    jquery选择器
    PHP5新语法学习
    Jquery中$.ajax()方法参数详解(转)
    svn笔记
    lsof命令
    新环境常用工具
    不会转载
  • 原文地址:https://www.cnblogs.com/xiaoxiao2014/p/3700706.html
Copyright © 2011-2022 走看看