TypeScript怎么獲取input的值
TypeScript怎么獲取input的值
繁華開滿天機
2019-05-13 09:08:29
4 回答
慕的地6264312
TA貢獻1817條經(jīng)驗 獲得超6個贊
獲取文本框中的內容有以下兩種方法：
假設為如下文本框：
1
<input type="text" value="" id="text">
1、原生JS獲取文本框的值：
1
document.getElementById("text").value //text為文本框的id
2、jquery獲取文本框的值：
1
$("#text").val()
人到中年有點甜
TA貢獻1895條經(jīng)驗 獲得超7個贊
采用雙向綁定的方式
HTML中：
| 1 | <input type="text" [(ngModel)]="userName"> |
ts中，定義全局變量userName:
userName:any;
當在input中輸入之后，ts中的值會相應的進行變化。直接讀取userName中的值就是input中的輸入內容。
typescript講求去DOM化，不用像javascript一樣獲取元素后在取值
MMTTMM
TA貢獻1869條經(jīng)驗 獲得超4個贊
可以使用輸入框的val()方法來獲取input的值，給按鈕綁定點擊事件觸發(fā)彈出該輸入框的值。
工具原料：編輯器、瀏覽器
1、解決的思路就是給一個按鈕綁定點擊事件，然后參數(shù)該輸入框的值，代碼如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html> <head> <script type="text/javascript" src="libs/jquery/2.1.4/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ alert($(":text").val()); }); }); </script> </head> <body> <p>Name: <input type="text" name="user" value="" /></p> <button>改變文本域的值</button> </body> </html> |
2、運行的結果如下：
RISEBY
TA貢獻1856條經(jīng)驗 獲得超5個贊
<input type="text" id="input1" />
<input type="button" onclick="javascript:alert(document.getElementById('input1').value);" value="點我" />
添加回答
舉報
0/150
提交
取消