javascript - 具有多个值的 jQuery 序列化函数

Question

我尝试使用 jQuery 将多个值发布到 PHP 页面，然后将这些值用作单个值。

我从 Jquery 站点的代码开始:

  <form ><br>
  <select name="multiple" multiple="multiple">
   <option selected="selected">Multiple</option>
   <option>Multiple2</option>
   <option selected="selected">Multiple3</option>
  </select>

  <br>

 <br>

 </form>

 <p><tt id="results"></tt></p>

  <script>
     function showValues() {
     var str = $( "form" ).serialize();
     $( "#results" ).text( str );
                            }
    $( "input[type='checkbox'], input[type='radio']" ).on( "click", showValues );
    $( "select" ).on( "change", showValues );
   showValues();
    </script>

结果是:multiple=Multiple&multiple=Multiple2，没问题。

现在我的问题是如何将这些值发布到 test.php 页面，然后使用唯一值，如下所示:

$multiple=[first value]
$multiple2=[second value]
etc...

Answer 1

将表单中的 multiple 更改为 multiple[]。这会将您的值提交为 multiple[]=1st value、multiple[]=2nd value 等等。

jQuery，

$('form').on('submit', function(e)
{
  e.preventDefault();
  formData=$('form').serialize();
    $.ajax(
    {
        type: "POST",
        url: "test.php",
        data: formData,
        success: function(data)
        {
            alert("Form submitted");
        },
        error: function()
        {
            alert("Error in form submission");
        }
    });
});

在 PHP 端，

$multiple=$_POST['multiple']; // Get the array input

现在分别处理值，

foreach($multiple as $key => $value)
{
echo "value number $key is $value"; // This will print as value number 0 is 1st value, value number 1 is 2nd value and more.
}