【问题标题】:Send only one input value with form submit in php在php中使用表单提交仅发送一个输入值
【发布时间】:2016-04-25 06:28:44
【问题描述】:

我有一个条件,其中有 5 个不同的菜单项,并且连续和一个表单。

对于每个菜单项,表单中都有一个输入值,如下所示:

<form action='' method='post'>
    <?php 
           foreach($menu_items as $item){?>
           <div id='' class=''>
               <?php echo ('menu item description here');?>
               <input type='text' name='something' value='something'>
           </div>
       <?php 
       } 
    ?>
   <button type='submit'>send</button>
</form>

现在我只需要发送一个带有“活动”菜单类的表单提交的输入值。

有没有简单的方法来解决这个问题?

【问题讨论】:

  • 您需要在使用 JQuery 事件处理程序$("form").submit(function(event) { /* ... */ }); 提交之前处理您的值。
  • id 必须是唯一的。为每个项目插入一个空白 id 实质上是将它们全部设置为相同的 id。你没有给任何“活动”课程。
  • 感谢您的回复。我会试一试
  • @JayBlanchard 是的,id 设置为唯一的,只是给出了问题的概述。

标签: php jquery forms


【解决方案1】:

这是一种更简单的方法:

<form action='' method='post'>
   <select id="example" name="example">
     <option value="something">Option 1</option>
     <option value="something">Option 2</option>
     <option value="something">Option 3</option>
     <option value="something">Option 4</option>
     <option value="something">Option 5</option>
   </select>

   <button type='submit'>send</button>
</form>

现在,当您使用 PHP 发送表单时,它只会发送所选选项的值。 &lt;select&gt; 后面可以跟任意多个 &lt;option&gt; 块。

【讨论】:

  • 但我需要用户以文本形式输入输入
  • 你可以创建一个单一的 用户输入文本然后选择它是什么选项?
【解决方案2】:

您需要监听表单抛出的事件,并在发送之前处理您的表单。

您可以按照此示例执行此任务:

$(function() {
    $("form").submit(function(event) {
        event.preventDefault(); // prevent sending the form before we processed the form

        var active_input        =   $(".active")[0];        
        var active_input_value  =   active_input.val();

        $.ajax({
                url     :   "php_file_to_call.php"
            ,   method  :   "post"
            ,   data    :   { something : active_input_value }
        });
    });
});

Ajax 调用(可能是 $.post())是必要的,因为您无法提交实际表单,因为它不会阻止发送非活动元素。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-24
    • 2021-10-15
    • 2011-07-22
    • 1970-01-01
    • 1970-01-01
    • 2015-02-20
    • 1970-01-01
    相关资源
    最近更新 更多