Javascript PHP-如何提交没有按钮的选择菜单

Javascript PHP-如何提交没有按钮的选择菜单,javascript,forms,Javascript,Forms,选择更改时是否可以自动提交选择菜单,而无需使用按钮提交表单。我的页面上有四个这样的按钮,每个按钮都会占用太多的空间。选择菜单,我的意思是: <select name="something" class="something" title="something something"> <option selected="selected">Option One</option> <option >Option Two</option&g

选择更改时是否可以自动提交选择菜单,而无需使用按钮提交表单。我的页面上有四个这样的按钮,每个按钮都会占用太多的空间。选择菜单,我的意思是:

<select name="something" class="something" title="something something">
  <option selected="selected">Option One</option>
  <option >Option Two</option>
</select>
任何文章、教程或示例的链接都将不胜感激


谢谢

您需要的是JavaScript解决方案,而不是PHP解决方案。PHP只能在表单数据发送到服务器后处理表单数据;i、 例如,当表格已提交时

您可以使用JavaScript来:

  • 将事件侦听器添加到
    以在其更改时触发(
    onchange
  • 更改时,获取其当前值
  • 根据该值,将用户(更改
    窗口.位置
    )重定向到您希望他们转到的页面
  • 编辑:我重新阅读了您的问题,如果您只是想在用户更改
    时提交表单,那么mwotton的答案可能是正确的。(当然,将JavaScript从HTML中移开;它不属于HTML。)

    请确认,您可以执行以下操作:

    document.getElementById('my-select').onchange = function(){
        return confirm('do you haz teh codz?');
    });
    

    (让JavaScript远离HTML始终是一个好主意。因此,只需给
    一个ID,如
    ID=“my select”
    ,您就可以从JavaScript访问它。您还可以使用JavaScript库等来大大简化JavaScript编程。)

    这更适合标记为“javascript”,因为您将使用javascript来完成此操作

    将“onchange”事件添加到select。在下面的示例中,“form”应该替换为您最喜欢的针对表单节点的方法

    <select name="something" class="something" title="something something" onchange="form.submit()">
    <option selected="selected">Option One</option>
      <option >Option Two</option>
    </select>
    
    
    选择一
    选择二
    
    您可以为select对象实现onchange事件,并在函数内部引用表单。submit()

    嗯,您需要知道表单名称/id或其他信息。假设

    返回false/true将决定是否将select恢复为原始选项


    这里有一个测试:

    就像其他人说的,你不能用PHP来做这件事;这是一项Javascript任务。我已经重新标记为suchI必须同意这一点。更改“选择”菜单时,提交菜单的父窗体…josh,但我如何知道提交了哪个选择框和选择了哪个选择选项?感谢您必须引用其中一个,或者引用其中的一组(例如,类名为“foo”的),然后在它们更改时检查它们的值。但如果你只是想提交表格,我会诚实地接受姆沃顿的解决方案。如果你不只是想提交表格,请告诉我你到底需要什么帮助,我很乐意为你提供帮助。谢谢!我在表单上有四个选择菜单,每个菜单都有几个选项。当用户选择一个选项时,我需要知道提交了哪个选择框和选择选项,以便我可以执行相应的操作。您希望如何执行该操作?您希望它转发到您的PHP脚本(如
    中所定义),还是希望将其重定向到其他URL?表单提交到自身。这就是为什么我需要知道到底提交了什么。对于按钮提交,我知道如何查找单击了哪个按钮,但对于选择菜单,我不确定。
    <select name="something" class="something" title="something something" onchange="form.submit()">
    <option selected="selected">Option One</option>
      <option >Option Two</option>
    </select>
    
    window.onload=function() {
      document.getElementById('selectelement').change = function() {
        if(confirm('do you haz teh codz?'))
          document.getElementById('selectform').submit();
        else
          return false;
        return true;
      }
    }