javascript document.getElementById().value 仅适用于数字而不适用于字符串

Question

我有一个基于 AJAX 的应用程序，它根据用户输入更新表单中的文本字段。文本字段定义如下:

<%= form.text_field :queue, {:class => "queue_class", :id => "queue", :size => 40} %>

Javascript 代码如下:

document.getElementById('queue').value = <%= @returned_value %>

如果在 Controller 中，我将@returned_value 设置为一个数字，例如:

@returned_value='77777777777'

然后就可以正常工作了。但是，如果我将它设置为一个字符串值，例如:

@returned_value='abcxyz'

然后它就不起作用了，文本字段没有更新，我也没有收到任何错误消息，就像它什么也没做一样。

我也试过这个:

document.getElementById('queue').innerHTML = <%= @returned_value %>

但它不适用于任何返回值，无论是 @returned_value='77777777777' 还是 @returned_value='abcxyz'

有人可以指出我在这里缺少什么吗？

Answer 1

您需要在 JavaScript 中引用字符串:

document.getElementById('queue').innerHTML = '<%= @returned_value %>';

通过 .toString() 将数字强制转换为字符串，但未加引号的字符串将引发解析器错误。