TypeScript怎么獲取input的值
TypeScript怎么獲取input的值
qq_遁去的一_1
2019-03-20 14:13:35
5 回答
haisheng_lin
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
<input?type="text"?onChange={?onInputChange?}?/>
function?onInputChange?(e:?ChangeEvent<HTMLInputElement>):?void?{
??console.log(e.target.value);?//?獲取到輸入框的值
}注意：這是 React 的寫法
烙印99
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
獲取文本框中的內(nèi)容有以下兩種方法：
假設(shè)為如下文本框：
1
<input type="text" value="" id="text">
1、原生JS獲取文本框的值：
1
document.getElementById("text").value //text為文本框的id
2、jquery獲取文本框的值：
1
$("#text").val()
慕桂英3389331
TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊
采用雙向綁定的方式
HTML中：
| 1 | <input type="text" [(ngModel)]="userName"> |
ts中，定義全局變量userName:
userName:any;
當(dāng)在input中輸入之后，ts中的值會(huì)相應(yīng)的進(jìn)行變化。直接讀取userName中的值就是input中的輸入內(nèi)容。
typescript講求去DOM化，不用像javascript一樣獲取元素后在取值
GCT1015
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊
可以使用輸入框的val()方法來獲取input的值，給按鈕綁定點(diǎn)擊事件觸發(fā)彈出該輸入框的值。
工具原料：編輯器、瀏覽器
1、解決的思路就是給一個(gè)按鈕綁定點(diǎn)擊事件，然后參數(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、運(yùn)行的結(jié)果如下：
長(zhǎng)風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
<input type="text" id="input1" />
<input type="button" onclick="javascript:alert(document.getElementById('input1').value);" value="點(diǎn)我" />
添加回答
舉報(bào)
0/150
提交
取消