从多个TextInput中取回文本的方法取决于你使用的开发框架和编程语言。以下是一种常见的做法:
以下是一个示例代码(使用React和JavaScript):
import React, { useState } from 'react';
const MyForm = () => {
const [textInputs, setTextInputs] = useState({
input1: '',
input2: '',
input3: ''
});
const handleInputChange = (event) => {
const { name, value } = event.target;
setTextInputs(prevState => ({
...prevState,
[name]: value
}));
};
const handleSubmit = (event) => {
event.preventDefault();
// 获取所有TextInput中的文本
const allText = Object.values(textInputs);
console.log(allText);
};
return (
<form onSubmit={handleSubmit}>
<input
type="text"
name="input1"
value={textInputs.input1}
onChange={handleInputChange}
/>
<input
type="text"
name="input2"
value={textInputs.input2}
onChange={handleInputChange}
/>
<input
type="text"
name="input3"
value={textInputs.input3}
onChange={handleInputChange}
/>
<button type="submit">获取文本</button>
</form>
);
};
export default MyForm;
在这个示例中,我们使用React的useState钩子来创建一个名为textInputs的状态变量,它包含了每个TextInput的值。handleInputChange函数用于更新textInputs中相应的值。handleSubmit函数用于获取所有TextInput的文本值,并在控制台上打印出来。
这只是一个简单的示例,你可以根据自己的需求进行修改和扩展。
云+社区沙龙online [国产数据库]
2019腾讯云华北区互联网高峰论坛
企业创新在线学堂
云+社区技术沙龙[第14期]
云+社区技术沙龙[第10期]
腾讯技术开放日
《民航智见》线上会议
云+社区技术沙龙[第11期]
领取专属 10元无门槛券
手把手带您无忧上云