如何使用javascript附加文本字段答案

【问题标题】：How to append a textfield using javascript如何使用javascript附加文本字段
【发布时间】：2012-03-07 21:51:42
【问题描述】：

split_values1 是一个数组，它包含一些值，我要做的就是将这些值添加到文本字段中，并用, 分隔它们。

for(var i = 0; i < split_values1.length; i++) {
   $('#teach_subjects').value += split_values1[i]", ";
}

【问题讨论】：

Append text to input field 的可能重复项
为什么你认为字符串连接是用&执行的？ jQuery 对象没有 value 属性。 jQuery 的文档 os 相当不错，你应该首先看看：api.jquery.com

标签： javascript jquery

【解决方案1】：

由于您使用的是 jQuery，我会这样做。

var val = $('#teach_subjects').val();
for(var i = 0; i < split_values1.length; i++) {
   val += split_values1[i] + ", ";
}
$('#teach_subjects').val(val);

出于性能原因，不断更新 DOM 中的值是个坏主意，所以我使用了字符串连接。

正如其他人所说，join 可能是更好的选择。

【讨论】：

太棒了，谢谢！我知道这对你来说很简单，但我是使用 javascript 的新手！再次感谢。
-1 : 在文本字段的末尾会有一个尾随 ', '。
@sinsedrix - 如果他们需要它怎么办？
@DanielA.White OP 要求提供分隔符，而不是值结束字符。

【解决方案2】：

试试：

var value = split_values1.join(", ");
$('#teach_subjects').val(value);

【讨论】：

【解决方案3】：

这样做：

$('#teach_subjects').val(split_values1.join(", "))

【讨论】：

【解决方案4】：

在您的数组上使用 join 并使用 val 设置文本字段值：

$('#teach_subjects').val(split_values1.join(', '));

【讨论】：

@JackalopeZero 请叫我幸运卢克 :)