如何使用 html 中的套接字 io 将文本附加到输入框答案

【问题标题】：How do you append text to an input box using socket io inside html如何使用 html 中的套接字 io 将文本附加到输入框
【发布时间】：2015-07-31 18:34:37
【问题描述】：

目前我在尝试从我的 html 中附加文本时遇到问题。

<input id="connection" type="text">

socket.on('Connect',function(){
    console.out('testing blah');
    $('connection').val('con');
    $('connection').append("con");
    $('#connection').append('con');
});

我需要一种方法来提醒用户服务器是否可用。我已经尝试了上述所有示例，但它们都无法正常工作。

【问题讨论】：

我似乎已经通过将其更改为标签而不是文本输入来“解决”我的问题，但我仍然想了解为什么这解决了问题。
你试过 $('#connection').val('con');
我认为你的问题只是错误的 jQuery 选择器。 $('connection') 选择每个元素。不是

标签： javascript jquery html node.js

【解决方案1】：

$('connection').val('con');

您错过了 id 选择器的 # 前缀

$('connection').append("con");
$('#connection').append('con');

append() 对 input 元素无效，您的第一个示例再次缺少 #。

您的第一个示例，使用val()，是实现您需要的正确方法，您只需在选择器中包含#：

$('#connection').val('con');

【讨论】：

【解决方案2】：

这段代码解决了我的问题：

$('#connection').html('connected');

我更改为 html 的原因是因为这会清除标签而不是向其添加额外的文本。

【讨论】：