Question

我在html表单中使用select，一旦用户从我希望通过javascript发送到服务器的选择选项中进行选择。我可以在发送到服务器的表单中获取文本，但如果我使用select，则不会向服务器发送任何内容。这是我的代码：

{% extends "base.html" %}
{% import "forms.html" as forms %}

{% block header %}
 <script>
        $(document).ready(function() {
        var ws;

        $("#open").click(function(evt){
        evt.preventDefault();
        $.post("/", $("#eventForm.").serialize());

        ws = new WebSocket("ws://" + "localhost" + ":" + "8888" + "/ws");

        ws.onmessage = function(evt){

            $("#display").append(evt.data + "<br />");
    };

        ws.onclose = function(evt) {alert("Server connection terminated");};
    });
   }); 
    </script>

  <div class="page-header">
    <h1>Welcome</h1>
  </div>
{% end %}

{% block body %}
 <h2>Enter the Event you would like to follow</h2>
      <form id ="eventForm" action="/" method="post">
         <select name="aaaa" multiple="multiple"> 
    <option value="" selected="selected"></option>
    <option VALUE="abc"> ABC</option>
    <option VALUE="def"> def</option>
    <option VALUE="hij"> hij</option>   
</select>
  <!--       <input type="text" name="event" /> -->
 <input type="submit" id="open" value="Submit Query" />
    </form>
 <h1>Coordinates</h1>

<div style="height:500px; width:700px; border:2px solid #ccc; overflow:auto; margin:0   auto;" id="display"></div>
{% end %}

我认为$ .post（“/”，$（“＃eventForm。”）。serialize（））;会发送所选的选项，因为select在表单标签内。

我对html和javascript并不是很熟悉。

由于

Answer 1

这可能只是一个简单的错字。

变化：

$.post("/", $("#eventForm.").serialize());

为：

$.post("/", $("#eventForm").serialize());

将表单信息发送到服务器

1 个答案: