2012-11-12 140 views
0

我正在使用HTML格式的選擇,並且一旦用戶從選擇選項中選擇我希望通過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 %} 

我認爲$。員額;( 「/」,$()序列化() 「#eventForm。」)會發送選定的選項,因爲select是在表單標籤內。

我不是真的familiart與html和javascript。

謝謝

+0

是否選擇需要一個多選?我認爲它正在發送,但由於它被設置爲多個,所以它可能會通過一個子數組,因爲一個字段可能有多個結果。 –

+0

從select標籤中刪除多重選擇仍然不會發送數據。 – user94628

回答

1

這可能只是一個簡單的錯字。

變化:

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

到:

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