作者erichen (little tree)
看板Ajax
標題[js][問題]無法送出修改後input欄位的值
時間Tue Oct 16 23:58:01 2018
我有一個任務是要
透過js修改input內容後,透過button送出
在人工輸入input後,點擊button送出是沒問題的。
可是當我透過js修改內容後,送出的卻是原本的input內容
---
程式舉例如下
1. document.getElementsByTagName("searchInput")[0].value = 10
2. document.getElementsByTagName("searchButton")[0].click();
---
顯示如下
原本input格內 5
輸入 第1句 變成10
輸入 第2句 送出成功,內容卻是5
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.215.176.148
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1539705484.A.CF9.html
※ 編輯: erichen (49.215.176.148), 10/16/2018 23:59:32
1F:→ linbob09: 在1跟2的前面把input的value用alert印出來看看10/17 13:20
2F:→ lydia0530: 是 getElementsByName , ByTagName是指定input ,p等tag10/18 14:57
3F:→ lydia0530: name10/18 14:57
4F:→ laechan: 我很懶都用 ById, 也比較不會讀錯10/19 23:36
5F:→ laechan: 錯誤的地方應該是 1. 實際上改到的 value 不是你所認為的10/19 23:39
6F:→ laechan: 那個 input 區的值10/19 23:39
7F:→ laechan: 另外如果有時你用 .value 改值無效時就用 innerHTML 試試10/20 22:49
我發現我問錯問題了
網頁有透過vue.js撰寫
input 被v-model給綁定
正在研究怎麼更新綁定的值
※ 編輯: erichen (101.15.183.50), 10/25/2018 00:42:00