需求:監聽input的動作,實時提示出來。
網上找了一段代碼,是單個input實時提示的,可以正常運行。如下
<div><input type="text" name="basic_title" id="showtips_title"></div>
<div><span id="showtips_all"></span></div>
<script>
var oBtn_title=document.getElementById('showtips_title');
var oTi_all=document.getElementById('showtips_all');
if('oninput' in oBtn_title){
oBtn_title.addEventListener("input",getWord,false);
}else{
oBtn_title.onpropertychange = getWord;
}
function getWord(){
oTi_all.innerHTML = oBtn_title.value;
}
</script>
現在有多個input,需要組合顯示在showtips_all中。
因為自己技術不行,沒改成功。
<div>
<select name="classes_subject_select" id="showtips_subject">
<option value="https://bbs.csdn.net/topics/你好">你好</option>
<option value="https://bbs.csdn.net/topics/世界">世界</option>
</select>
</div>
<div><input type="text" name="basic_date" id="showtips_date"></div>
<div><input type="text" name="basic_title" id="showtips_title"></div>
<div><span id="showtips_all"></span></div>
現在想把showtips_subject和showtips_date也一起添加進入提示文字中。
(提示文字由3段組成:showtips_subject+showtips_date+showtips_title)
請指點!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/183530.html
標籤:JavaScript
