Question

我需要提交带有表单的组合框值。当我点击任何假设使用javascript自动提交的组合值时。我在后端使用PHP。

<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>

Answer 1

这是一个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>

好的，如何将val发送到服务器是另一个问题......如果您使用jQuery - 您可以使用jQuery.ajax(...)或任何帮助，例如jQuery.get(...)。如果你是vanilla-js用户，你可以使用XMLHttpRequest方式，如果你使用任何其他lib - 只需查看这个lib的文档，以获得有关向服务器发送数据的帮助。

Answer 2

您可以使用以下方法。

1）使用Session或Cookie发送外部数据

2）在javascript中使用XMLHttpRequest发送POST请求。检查链接here。

3）您可以使用cURL函数发送HTTP POST请求。请浏览here链接。

Answer 3

一些意见：

select元素应始终位于form.内但您不需要在页面上公开表单 - 您不需要包含submit输入元素。
您可以在用户更改选择值后使用Javascript（JS）提交表单。
或者你可以使用JS和Ajax在后台异步提交表单 - 用户不会意识到数据已经提交，页面也不会重新加载或“闪现”
< / LI>

你想做什么？

如何使用javascript提交表单的组合框值？

3 个答案: