關於 Html type=hidden 使用oninput事件

html5 vbscript asp hidden oninput

applea46 2022-03-30 10:03:10 ‧ 716 瀏覽

分享至

近期公司需要將網站從IE能全面相容HTML5環境，但遇到一個困難點。

1.<td ><span id="td_lv_name" ><%=rs("lv_name")%></span></td>

2.<input type="hidden" name="lv_name" value="<%=rs("lv_name")%>" onpropertychange="document.getElementById('td_lv_name').innerHTML = this.value;">

3.<input type="hidden" name="lv_name" value="<%=rs("lv_name")%>" oninput="document.getElementById('td_lv_name').innerHTML = this.value;">

原本使用於IE的onpropertychange，當第一段id屬性改變時會觸發事件改變第二段hidden裡的value。

但為了對chrome及edge相容而改成第三段使用oninput，卻因為hidden的關係無法改變value
，想請教有什麼方法能解決呢?

p.s 已嘗試把type="hidden" 改為 style="display:none;" 還是無法

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

永往直前

iT邦新手 4 級 ‧ 2022-03-31 05:41:18

2 跟 3 併在一起寫就好

2.<input type="hidden" name="lv_name" value="<%=rs("lv_name")%>" onpropertychange="document.getElementById('td_lv_name').innerHTML = this.value;" oninput="document.getElementById('td_lv_name').innerHTML = this.value;">

正常會兩個 event 都 listen