0

我在 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。

谢谢

4

1 回答 1

1

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

改变：

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

到：

$.post("/", $("#eventForm").serialize());
于 2012-11-12T19:31:48.907 回答