首页 > 代码库 > input同步标签内容——函数
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同步标签内容——函数