2011-09-23 15 views
0

我需要提交組合框的值與表單。當我點擊任何組合的假設使用JavaScript自動提交的值。我在後端使用PHP。如何提交與窗體使用JavaScript的組合框值?

<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'處理器(http://www.quirksmode.org/dom/events/change.html)。 –

+0

你是否使用任何類似原型或jQuery的JavaScript庫? – drew010

+0

你有沒有寫過任何JavaScript的網頁?如果是這樣,那麼請把它包含在Q. –

回答

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聲明:

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

OK,如何發送val服務器則是另一個問題......如果你是使用jQuery - 您可以使用jQuery.ajax(...)或任何助手,如jQuery.get(...)。如果你是vanilla-js用戶,你可以使用XMLHttpRequest的方式,如果你使用任何其他的lib - 只要檢查這個lib的文檔以獲得有關發送數據到服務器的幫助。

0

一些評論:

  • select元素應該永遠是一個form.內,但你並不需要暴露在頁面上的形式 - 你不需要包括submit輸入元件。

  • 您可以使用JavaScript(JS),提交表單的用戶改變了選擇的值之後。

  • 或者你可以使用JS使用Ajax異步提交表單的背景 - 用戶將不知道這些數據已提交頁面會不會重新加載或「閃」

您想要做什麼?

1

您可以使用下面的方法。

1)使用會話或曲奇發送外部數據

2)發送使用XMLHttpRequest的POST請求中javascript.Checkout鏈路here

3)您可以使用捲曲函數發送HTTP POST請求。請通過鏈接here

相關問題