Javascript can';t从前端获取值…“;document.querySelector(';#text';).value”;不起作用
html代码:Javascript can';t从前端获取值…“;document.querySelector(';#text';).value”;不起作用,javascript,html,flask,python-3.8,Javascript,Html,Flask,Python 3.8,html代码: <html> <head> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"><
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port);
socket.on('connect', () => {
const selection = document.querySelector('#text').value;
socket.emit('submit value', {'selection':selection});
});
socket.on('submit text', data => {
const li = document.createElement('li');
li.innerHTML = `msg: ${data.selection}`;
document.querySelector('#list').append(li);
});
});
</script>
<title>chat room</title>
</head>
<body>
<h1 style="font-family:verdana; font-style:italic;">Chat room!!!</h1>
<ul id="list">
</ul>
<hr>
<form id="chat">
<input id="text" autocomplete="off" autofocus placeholder="enter text">
<input type="submit">
</form>
</body>
这是我的全部密码。当我提交表单时,什么都没有发生,我没有得到任何输出。我输入的文本似乎没有进入服务器。请帮我解决这个问题。谢谢。您的javascript中目前没有表单提交的处理程序。只需将此添加到
文档中。addEventListener
:
$('form#chat').submit(function(event) {
const selection = document.getElementById('text').value;
socket.emit('submit value', {'selection':selection});
return false;
});
谢谢@jignatius,代码运行得很好。谢谢你解决了这个问题。@Storm斗篷听到这个消息很高兴。
$('form#chat').submit(function(event) {
const selection = document.getElementById('text').value;
socket.emit('submit value', {'selection':selection});
return false;
});