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);
　　　　};

时间： 2024-11-04 06:33:35

input同步标签内容——函数的相关文章

用来实现对紧邻的相同的标签元素的内容和两对标签之间的非标签内容进行合并

源文件: <?xml version="1.0" encoding="UTF-8"?> <Body> <Title>4月7日凌晨5时,近300名穿着"警察"制服</Title> <ReportTime type="absTime">2014年4月11日07:00</ReportTime> <Content> <Paragraph>

js实现网页标签内容的自删自增

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <span id="s1"></span> <span style="color:red;">|</span> <body> </body>

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: [√]$("#file")[0].value = ""; [√]$("#file")[0].value = null; [×]$("#file").attr("value",""); [×]$("#file").attr("value",null); [√]$(&

html input file标签的上传文件 注意点

文件上传框  代码格式:<input type=“file” name=“...” size=“15” input enctype="multipart/form-data“ maxlength=“100”> 属性解释: 属性解释: type=“file”定义文件上传框: name属性定义文件上传框的名称,要保证数据的准确采 集,必须定义一个独一无二的名称: size属性定义文件上传框的宽度,单位是单个字符宽度: maxlength属性定义最多输入的字符数. 注意: 要使得文件上载能

css中a标签内容超出最大字数隐藏处理

问题:a标签内容超出最大字数显示问题 1.超出是最后显示为“...” 2.鼠标放在上面显示完整内容 3.点击新窗口打开链接内容 解决方法: css部分: .list{font:Georgia, "Times New Roman", Times, serif;font-size:14px;width:200px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellips

从零宽断言说起到用python匹配html标签内容

版权声明:本文为博主原创文章,转载请附带原文网址http://www.cnblogs.com/wbchanblog/p/7411750.html ,谢谢! 提示:本文主要是讲解零宽断言,所以阅读本文需要有一定的正则表达式基础. 概念 我们知道元字符"\b"."^"."$"匹配的是一个位置,而且这个位置需要满足一定的条件(比如"\b"表示单词的边界),我们把这个条件称为断言或零宽度断言.这里有很重要的两个信息:一是断言实际上是某

input[file]标签的accept=”image/*”属性响应很慢的解决办法

转自:http://blog.csdn.net/lx583274568/article/details/52983693 input[file]标签的accept属性可用于指定上传文件的 MIME类型 . <input type="file" name="file" class="element" accept="image/*"> 这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题,

JavaScript和jQuery改变标签内容

HTML: <div id="mazey">content</div> JavaScript: var mazey=document.getElementById("mazey"); mazey.innerHTML=data; jQuery: $("#mazey").html(data); JavaScript和jQuery改变标签内容

a标签内容在div中垂直居中，不兼容低版本浏览器

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head> <style>.box{width:100px;height:200px;background:orange;border:2px solid #ccc;display: table;}.box a{dis