[js][問題]無法送出修改後input欄位的值

[erichen (little tree)]

我有一個任務是要

透過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://www.ptt.cc/bbs/Ajax/M.1539705484.A.CF9.html
※ 編輯: erichen (49.215.176.148), 10/16/2018 23:59:32
→ linbob09: 在1跟2的前面把input的value用alert印出來看看
→ lydia0530: 是 getElementsByName , ByTagName是指定input ,p等tag
→ lydia0530:  name
→ laechan: 我很懶都用 ById, 也比較不會讀錯
→ laechan: 錯誤的地方應該是 1. 實際上改到的 value 不是你所認為的
→ laechan: 那個 input 區的值
→ laechan: 另外如果有時你用 .value 改值無效時就用 innerHTML 試試
我發現我問錯問題了
網頁有透過vue.js撰寫
input 被v-model給綁定
正在研究怎麼更新綁定的值

※ 編輯: erichen (101.15.183.50), 10/25/2018 00:42:00