• input同步标签内容——函数


    html部分:

        <h3 class="font18" id="tit1">微蜂传媒电子商务有限公司</h3>
        <span class="font12"><i class="tp tp-weixind success pr5"></i>微信:<em id="weixin">wefga343463</em></span>
        <span class="font12"><i class="tp tp-qq-e success pr5"></i>QQ:<em id="qq">12334568</em></span>
        <span class="font12"><i class="tp tp-phoned success pr5"></i>手机:<em id="phone">9090909090901</em></span>

        <input type="text" id="input1" class="inputs" placeholder="悬浮广告大标题" onpropertychange="txt_same('#input1', '#tit1')" oninput="txt_same('#input1', '#tit1')">

        <input type="text" id="input2" class="inputs" placeholder="填写微信号" onpropertychange="txt_same('#input2', '#weixin')" oninput="txt_same('#input2', '#weixin')">

        <input type="text" id="input3" class="inputs" placeholder="填写QQ号" onpropertychange="txt_same('#input3', '#qq')" oninput=" txt_same('#input3', '#qq')">

        <input type="text" id="input4" class="inputs" placeholder="填写手机号" onpropertychange="txt_same('#input4', '#tit1')" oninput="txt_same('#input4', '#phone')">

    js部分:函数:

        //同步数据input
        function txt_same(inputId, txtId) {
          var txt = $(inputId).val();
          $(txtId).text(txt);
        };

    拓展:(input获取焦点自动填入)

    <input type="text" onfocus="if (value == '') { value = 'http://' }" onblur="    if (value == '') { value = 'http://' }" placeholder="请输入个人网址" />

  • 相关阅读:
    700. Search in a Binary Search Tree
    100. Same Tree
    543. Diameter of Binary Tree
    257. Binary Tree Paths
    572. Subtree of Another Tree
    226. Invert Binary Tree
    104. Maximum Depth of Binary Tree
    1、解决sublime打开文档,出现中文乱码问题
    移植seetafaceengine-master、opencv到ARM板
    ubuntu16.04-交叉编译-SeetaFaceEngine-master
  • 原文地址:https://www.cnblogs.com/LChenglong/p/6561483.html
Copyright © 2020-2023  润新知