2011-09-23 10 views
0

콤보 박스 값을 출력해야합니다. 언제 javascript를 사용하여 자동으로 제출할 수있는 콤보 값을 클릭합니다. 백엔드에서 PHP를 사용하고 있습니다.javascript를 사용하여 out 형식으로 콤보 상자 값을 제출하는 방법은 무엇입니까?

<select name="select" id="select" style="width:50px;"> 
    <option value="25">25</option> 
    <option value="50">50</option> 
    <option value="100">100</option> 
    <option value="All">All</option> 
</select> 
+1

['change' handler] (http://www.quirksmode.org/dom/events/change.html)가 필요할 것이라고 생각합니다. –

+0

prototype 또는 jQuery와 같은 자바 스크립트 라이브러리를 사용하고 있습니까? – drew010

+0

페이지에 대한 자바 스크립트를 아직 작성하지 않았습니까? 그렇다면 질문에 포함하십시오. –

답변

2
다음

JS 부분 :

function getinfo() { 
    var aList = document.getElementById("select"); 
    var val = aList.options[aList.selectedIndex].value; 

    // document.write("<p>Here what you select: "+val+"</p>"); 
    // here you can send `val` to the server using... are you using any js library? 
} 

그리고 당신은 당신의 select 선언을 변경해야하는 방법 서버에 val을 보내

<select name="select" id="select" style="width:50px;" onchange="getinfo()"> 
                 -------------------- 
</select> 

확인, 또 다른 질문입니다 ... 당신이있는 경우 jQuery을 사용하여 - jQuery.ajax(...) 또는 jQuery.get(...)과 같은 도우미를 사용할 수 있습니다. 만약 당신이 vanilla-js 사용자라면 XMLHttpRequest 다른 lib를 쓰면된다.이 lib의 문서를보고 서버에 데이터를 보내는 것에 대해 도움을 얻을 수있다.

0

일부 의견 :

  • select 요소는 항상 form. 내부해야하지만이 페이지의 양식을 노출 할 필요가 없습니다 - 당신은 submit 입력을 포함 할 필요가 없습니다 요소.

  • 사용자가 선택 값을 변경 한 후에 Javascript (JS)를 사용하여 양식을 제출할 수 있습니다.

  • 또는 백그라운드에서 비동기 적 양식을 제출 아약스와 JS를 사용할 수 있습니다 - 사용자가 데이터를 제출했다고 인식되지 않고 페이지를 다시로드 또는 "플래시"

하지 않습니다

무엇을 하시겠습니까?

1

아래의 방법을 사용할 수 있습니다.

1)를 사용하여 세션 또는 쿠키가 외부 데이터

2

를 보낼 수는) javascript.Checkout의 링크 here를 XMLHttpRequest의를 사용하여 POST 요청을 보냅니다.

3) cURL 함수를 사용하여 HTTP POST 요청을 보낼 수 있습니다. 링크 here을 방문하십시오.

관련 문제