서버에 양식 정보 보내기

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을.".) select가 form 태그 안에 있기 때문에 선택된 옵션을 보냅니다.

저는 HTML과 자바 스크립트를 사용하지 않았습니다.

감사

출처

2012-11-12 user94628

은 선택이 필요 다중 선택을해야합니까? 나는 그것이 전송되고 있다고 생각하고 있지만, 배수로 설정되어 있기 때문에 아마도 하나의 필드에 대해 여러 결과가있을 수 있기 때문에 아마도 하위 배열로 들어올 것입니다. –

select 태그에서 다중 선택을 제거해도 여전히 데이터가 전송되지 않습니다. – user94628

이 단순한 오타 일 수도있다.

는

변화 :

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

에 :

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

출처

2012-11-12 19:31:48

서버에 양식 정보 보내기

답변

관련 문제