javascript - 使用 jQuery 更改文本字段的值

Question

我有一个表单输入文本字段，我想在用户单击按钮时更改文本字段内的文本。我可以使用 jQuery 获取特定的文本字段，但不能使用 .val() 更改文本。有没有其他方法可以做到这一点，或者我做错了什么。

这是文本字段：

<input type="text" name="textBox" id="Stage 1text" size="20" value="Enter Current Comp." align="center">

然后我用它来识别和更改文本字段。在这种情况下，stage =“Stage 1”，而 dance 是我想放在文本字段中的字符串。

str = "#" + stage + 'text';
alert(str + '::' + dance); // confirm that strings are correct
jQuery(str).val(dance);

Answer 1

id属性不应包含空格。

您可以像这样更改代码：

<input type="text" name="textBox" id="Stage_1text" size="20" value="Enter Current Comp." align="center">

str = "#" + stage.replace(' ','_') + 'text';
alert(str + '::' + dance); // confirm that strings are correct
jQuery(str).val(dance);

Answer 2

ID 不应包含空格。第 1 阶段文本是无效 ID

添加下划线而不是空格

<input type="text" name="textBox" id="Stage_1text" size="20" value="Enter Current Comp." align="center">

并在下面尝试，

//           v--- assuming this will be Stage_1
str = "#" + stage + 'text';
alert(str + '::' + dance); // confirm that strings are correct
jQuery(str).val(dance);

如果从后端返回阶段，则只需将空格替换为 _

 str = "#" + stage.replace(/ /g,"_") + 'text';