2011-09-23 16 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

相关问题