使用jQuery更改文本字段的值

时间:2012-09-19 21:49:14

标签: javascript jquery forms textfield

我有一个表单输入文本字段,我想在用户单击按钮时更改文本字段内的文本。我可以使用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);

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:1)

ID不应包含空格。 Stage 1text是无效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';