PTT數位生活區 / Web_Design

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

看板Web_Design作者 (霹靂狗)時間5年前 (2019/09/01 23:52), 5年前編輯推噓2(2推 0噓 26→)
留言28則, 7人參與, 5年前最新討論串1/1
請問我想設計一個表單 <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
→
09/02 00:15, 5年前 , 1F
用jquery啊
09/02 00:15, 1F
→
09/02 00:18, 5年前 , 2F
應該也不用用到jq，javascript應該就有辦法達成
09/02 00:18, 2F
→
09/02 01:06, 5年前 , 3F
input 就是個 dom element，怎麼取 element 值? 估
09/02 01:06, 3F
→
09/02 01:06, 5年前 , 4F
狗就會找到 getElementById, querySelector 等關鍵字
09/02 01:06, 4F
→
09/02 01:06, 5年前 , 5F
。
09/02 01:06, 5F
→
09/02 01:08, 5年前 , 6F
初學者要學會自己估狗啊
09/02 01:08, 6F
→
09/02 01:08, 5年前 , 7F
例如可以打:
09/02 01:08, 7F
→
09/02 01:08, 5年前 , 8F
how to get input value before submit ?
09/02 01:08, 8F
→
09/02 01:08, 5年前 , 9F
繼續加油~
09/02 01:08, 9F
→
09/02 01:45, 5年前 , 10F
寫一個function{var url = "httpxxx"+$("xx").val()}
09/02 01:45, 10F
→
09/02 01:46, 5年前 , 11F
不要寫在onclick屬性裡 你的思路會寬很多
09/02 01:46, 11F
→
09/02 18:45, 5年前 , 12F
onBlur
09/02 18:45, 12F
謝謝大家的資訊 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
→
09/03 13:29, 5年前 , 13F
var url = window.location + v
09/03 13:29, 13F
→
09/03 15:29, 5年前 , 14F
感謝~原來只要一個 + 就可以串聯頭尾
09/03 15:29, 14F
請問像 + 的用途要用什麼關鍵字才可以查到各符號的用途說明 另外下面兩行的結果都一樣，這樣加括號的時機跟用途是? var url = window.location + v var url = window.location + (v) ※ 編輯: piligo (36.239.162.153 臺灣), 09/03/2019 15:53:57
推
09/03 16:43, 5年前 , 15F
+ 就是連接符號啊~
09/03 16:43, 15F
→
09/03 17:03, 5年前 , 16F
可以先看一下javascript的變數 https://mzl.la/2lrEFnz
09/03 17:03, 16F
→
09/03 17:04, 5年前 , 17F
符號 是 javascript 運算子
09/03 17:04, 17F
→
09/05 19:21, 5年前 , 18F
關鍵字：operator associativity and precedence
09/05 19:21, 18F
→
09/05 19:34, 5年前 , 19F
+就是相加，但當遇到字串(非number)，js 會動態型轉
09/05 19:34, 19F
→
09/05 19:34, 5年前 , 20F
，因此得出連接兩個字串的結果而非報錯。
09/05 19:34, 20F
→
09/05 19:41, 5年前 , 21F
() 是一個叫 grouping 的 operator，Precedence 是
09/05 19:41, 21F
→
09/05 19:41, 5年前 , 22F
所有 operator 中最高，會將包起來的東西視為一個exp
09/05 19:41, 22F
→
09/05 19:41, 5年前 , 23F
ression (回傳值)。所以這兩者的結果一樣，只是引擎
09/05 19:41, 23F
→
09/05 19:41, 5年前 , 24F
是先回傳了()中的變數 v，然後執行相加、接著型轉，
09/05 19:41, 24F
→
09/05 19:41, 5年前 , 25F
得到結果。
09/05 19:41, 25F
→
09/05 19:41, 5年前 , 26F
+ 的 Associativity 是 left to right，所以就是得
09/05 19:41, 26F
→
09/05 19:41, 5年前 , 27F
到左邊的值，執行相加、型轉，得到結果。
09/05 19:41, 27F
推
09/13 15:31, 5年前 , 28F
加號在js是個很容易寫出bug的東西 建議找本書好好練一下
09/13 15:31, 28F
‣ 更多 piligo 的文章
文章代碼(AID): #1TQ-a_21 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 piligo 的文章
文章代碼(AID): #1TQ-a_21 (Web_Design)