javascript - 输入选择 强制选择
问题描述
我需要将选择设为必填字段。我尝试添加所需的标签,但没有帮助。
如果用户没有选择任何内容并单击提交,则需要一些 UI 消息让他们从下拉列表中选择一个选项。
<Form onSubmit={e => this.handleSubmit(e)}>
<ModalHeader toggle={this.toggle}>Select Report Type</ModalHeader>
<ModalBody>
<FormGroup>
<Input type="select" required name="reportType" id="reportType" onChange={(e) => this.setState({type: e.target.value})}>
<option value=""> -- select an option -- </option>
<option value={"Assignment"}>Assignment</option>
<option value={"Intermediate"}>Intermediate</option>
<option value={"Final"}>Final</option>
<option value={"Raw"}>Raw</option>
</Input>
</FormGroup>
</ModalBody>
{<ModalFooter>
<Button style={{fontSize:'14px'}} color="primary" onClick={e => this.getReport(e)}>Submit</Button>
<Button color="secondary" onClick={this.toggle}>Cancel</Button>
</ModalFooter>}
</Form>
解决方案
如果您没有任何特定理由使用 Input 组件,您可以只使用支持所需属性的html select 标记。
这意味着您只需替换<Input type="select" ...
为<select ...
我假设这不是一个 react-native 应用程序,因为它在那里不起作用。(代码看起来不像 react-native 代码,而更像是普通的 react web 代码。)
推荐阅读
- http - 邮递员 HTTP 片段
- android-studio - 如何使用 kotlin 和 Android PDFDocument 类在 android studio 中将位图写入 PDF
- python - 如何安装 PySide6?
- java - 带有 Mongo db rest Api 的 Spring Boot
- c - Makefile 自动调用 `yacc`
- haskell - 连贯性是什么意思?
- excel - excel vba分组值的总和,除以并添加到表格最终
- django - 在鹡鸰流域中将内容向下迁移
- javascript - 是否可以制作正弦曲线的连续 react-native-svg 动画?
- python - Pandas.read_sql_query 将 int 读取为 float