[問題] 表單一定要送出才能取值嗎

[piligo (霹靂狗)]

請問我想設計一個表單

<input type="text" name="id">

<input type="button" value="送出" onclick="window.open('http://a.com/表單值">

找到的教學都要先送出表單才能取值，有辦法表單打完不用submit就可以把name="id"

這個值帶進去要打開的網址嗎


謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.239.162.153 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1567353151.A.081.html
→ my1938: 用jquery啊
→ my1938: 應該也不用用到jq，javascript應該就有辦法達成
→ brianwu1201: input 就是個 dom element，怎麼取 element 值? 估
→ brianwu1201: 狗就會找到 getElementById, querySelector 等關鍵字
→ brianwu1201: 。
→ brianwu1201: 初學者要學會自己估狗啊
→ brianwu1201: 例如可以打:
→ brianwu1201: how to get input value before submit ?
→ brianwu1201: 繼續加油~
→ vi000246: 寫一個function{var url = "httpxxx"+$("xx").val()}
→ vi000246: 不要寫在onclick屬性裡 你的思路會寬很多
→ j355066: onBlur
謝謝大家的資訊

getElementById我有找到，但是不會運用 @@

不知到要怎麼在window.open(v)裡面加固定的網址

因為我不了解怎麼寫，只會取功能相同的範本來改，所以要知道怎麼運用

還有一段很長的路要走 @@



<script language="javascript">
function ShowValue(){
　var v=document.getElementById("test").value;
  window.open(v);
}
</script>

<input type="text" id="test">
<input type="button" value="Show me" onclick="ShowValue()">
※ 編輯: piligo (36.239.162.153 臺灣), 09/03/2019 00:20:41
→ vi000246: var url = window.location + v
→ piligo: 感謝~原來只要一個 + 就可以串聯頭尾
請問像 + 的用途要用什麼關鍵字才可以查到各符號的用途說明

另外下面兩行的結果都一樣，這樣加括號的時機跟用途是?

var url = window.location + v
var url = window.location + (v)
※ 編輯: piligo (36.239.162.153 臺灣), 09/03/2019 15:53:57
推 duck10704: + 就是連接符號啊~
→ tino1991: 可以先看一下javascript的變數 https://mzl.la/2lrEFnz
→ tino1991: 符號 是 javascript 運算子
→ brianwu1201: 關鍵字：operator associativity and precedence
→ brianwu1201: +就是相加，但當遇到字串(非number)，js 會動態型轉
→ brianwu1201: ，因此得出連接兩個字串的結果而非報錯。
→ brianwu1201: () 是一個叫 grouping 的 operator，Precedence 是
→ brianwu1201: 所有 operator 中最高，會將包起來的東西視為一個exp
→ brianwu1201: ression (回傳值)。所以這兩者的結果一樣，只是引擎
→ brianwu1201: 是先回傳了()中的變數 v，然後執行相加、接著型轉，
→ brianwu1201: 得到結果。
→ brianwu1201: + 的 Associativity 是 left to right，所以就是得
→ brianwu1201: 到左邊的值，執行相加、型轉，得到結果。
推 vi000246: 加號在js是個很容易寫出bug的東西 建議找本書好好練一下