TypeScript怎么获取input的值
5 回答
haisheng_lin
TA贡献1条经验 获得超0个赞
<input type="text" onChange={ onInputChange } />
function onInputChange (e: ChangeEvent<HTMLInputElement>): void {
console.log(e.target.value); // 获取到输入框的值
}注意：这是 React 的写法
烙印99
TA贡献1829条经验 获得超13个赞
获取文本框中的内容有以下两种方法：
假设为如下文本框：
1
<input type="text" value="" id="text">
1、原生JS获取文本框的值：
1
document.getElementById("text").value //text为文本框的id
2、jquery获取文本框的值：
1
$("#text").val()
慕桂英3389331
TA贡献2036条经验 获得超8个赞
采用双向绑定的方式
HTML中：
| 1 | <input type="text" [(ngModel)]="userName"> |
ts中，定义全局变量userName:
userName:any;
当在input中输入之后，ts中的值会相应的进行变化。直接读取userName中的值就是input中的输入内容。
typescript讲求去DOM化，不用像javascript一样获取元素后在取值
GCT1015
TA贡献1827条经验 获得超4个赞
可以使用输入框的val()方法来获取input的值，给按钮绑定点击事件触发弹出该输入框的值。
工具原料：编辑器、浏览器
1、解决的思路就是给一个按钮绑定点击事件，然后参数该输入框的值，代码如下：
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、运行的结果如下：
长风秋雁
TA贡献1757条经验 获得超7个赞
<input type="text" id="input1" />
<input type="button" onclick="javascript:alert(document.getElementById('input1').value);" value="点我" />
添加回答
举报
0/150
提交
取消