具有react的select字段中的动态选项
具有react的select字段中的动态选项
提问于 2016-05-31 19:24:17
我试图用ReactJS来解决下一个任务:假设我有几个问题和回答字段。我希望能够在这一页的所有答案之间分发10点。
我创建了一个表单，其中包括几个<select>字段，这些字段根据当前用户输入状态动态填充<option>标记。
问题是，当用户选择值时，它们将被重新设置为零。请在这里看到一个代码示例，并尝试选择一些值：https://jsfiddle.net/jcpyqf9v/1/
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-06-01 21:04:02
您的问题是由于填充了“选择”选项而引起的，在这里：
let optionNodes = [];
for (let k = 0; k < 11 - pointsSum; k++) {
optionNodes.push(<option key={k} value={k}>{k}</option>);
}因为您只输出一个选项的子集，如果选择的选项不在列表中，则select字段别无选择，只能输出默认值；0。
试一试这个；
let optionNodes = [];
for (let k = 0; k < 11 - pointsSum || k <= this.state.answers[i]; k++) {
optionNodes.push(<option key={k} value={k}>{k}</option>);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37554045
复制相关文章
相似问题
腾讯云开发者
