如何提交组合框值与我们的表单使用javascript


how to submit combo box value with out form using javascript?

我需要提交组合框值与我们的形式。当我点击组合的任何值,假设自动提交使用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>

这里有一个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的方式,如果你使用任何其他的库-只要检查这个库的文档,以获得有关向服务器发送数据的帮助。

您可以使用以下方法。

1)使用Session或Cookie发送外部数据 2)在javascript中使用XMLHttpRequest发送POST请求。点击这里查看链接。

3)可以使用cURL函数发送HTTP POST请求。

注释:

  • select元素应该总是在form.里面,但是你不需要在页面上公开表单——你不需要包括submit输入元素

  • 你可以使用Javascript (JS)在用户改变了select的值后提交表单

  • 或者你可以使用JS和Ajax在后台异步提交表单——用户不会意识到数据已经提交,页面不会重新加载或"flash"

你想做什么?

相关文章: