javascript - JS 和 jQuery - 循环文本框并存储值

Question

这是检查表单是否完整的函数。

所以，我想做的是:

1. 如果未选择广播，则抛出一条消息。
2. 如果单选为“yes”，但未输入文本，则抛出错误。
3. 如果单选为“否”但输入了文本，请将文本留空。
4. 如果一切顺利，请将内容添加到`allResponses

表单显示5次，输入如下:

Yes a1

No

Yes a3

No

Yes 

现在，此输入应该显示错误，因为在第五种情况下，选择了"is"，但文本框中未输入任何内容。

但是，我明白了:

/image/NXMDl.png

此外，文本没有像第 1 种和第 3 种情况那样更新。

我对 JS 不太了解，所以请尽可能向我提供解释性的回复。

编辑:完整代码:http://pastebin.com/scNSNM2H

谢谢

Answer 1

你循环了这个:

var exaggerationPart = document.getElementById('exaggeration').value

然后您检查以确保每个项目都有一个值。但每次你都会得到相同的值。

您正在使用相同的 id“夸张”创建多个输入。这是无效的 HTML。 Id 必须是唯一的。要纠正此问题，您可以像处理其他元素一样增加 id(例如 input[name='response"+thisJokeIndex+"'])。

var exaggerationPart = document.getElementById('exaggeration' + thisJokeIndex).value

tipTD2.append("<input type='text' name='exaggeration' id='exaggeration" + tipIndex + "' size='70'>")

工作演示: jsfiddle.net/svvge/2

编辑:要清除文本框的值，您必须更改文本框元素的value 属性。现在您只是更改变量的值。

var exaggerationInput = document.getElementById('exaggeration' + thisJokeIndex).value;
var exaggerationPart = exaggerationInput.value;

exaggerationInput.value = '';