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