仅 1 个 Jquery UI Multiselect 值通过 PHPmailer 发送

Question

我正在处理一个联系表单，该表单未正确发布我的多项选择答案。我正在使用 PHPMailer-FE 发送表单结果。 PHPMailer-FE 包含 php 类文件、配置脚本和 TPL 文件。

我在使用 Ryan Cramer 的 jquery.amselect.js 小部件时遇到问题，其中电子邮件中发送的是“Array”一词，而不是逗号分隔的选定值列表。

以下是 amselect 小部件的实际操作示例： http://www.ryancramer.com/projects/asmselect/examples/example1.html 。

这是 HTML：

   <select style="width: 200px !important;" id="cards" name="cards[]" multiple="multiple" title="Choose All That Apply" >
            <option value="Visa">Visa</option>
            <option value="Mastercard">Mastercard</option>
            <option value="Amex">American Express</option>
            <option value="Discover">Discover</option>
            <option value="Diners">Diner's Club</option>
            <option value="JCB">JCB</option>
            <option value="Visa-Delta">Visa Debit/Delta</option>
            <option value="Switch-Maestro">Switch/Maestro</option>
            <option value="solo">solo</option>
            <option value="Visa-Electron">Visa Electron</option>
          </select>

感谢 @aSeptik，我现在明白要解决这个问题，我们可以使用 implode 标签。在他的工作演示中，php 包含在 HTML 文件的顶部：

$message .= implode(', ',$_POST['cards']);

我尝试在我的 TPL 或类文件中使用 implode 标签，但没有成功。

任何帮助将不胜感激，我正在努力解决这个问题。非常感谢！问候，诺兰

Answer 1

更新：（PHPMailer-FE + amselect 示例）

• 演示 + 来源： https://so.lucafilosofi.com/only-1-jquery-ui-multiselect-value-being-sent-through-phpmailer

Answer 2

通常这是由于错误命名输入而导致的。我以前没有使用过多重选择，但我建议您的输入标签需要看起来像这样：

<input type="checkbox" name="myBox[]" />
<input type="checkbox" name="myBox[]" />
<input type="checkbox" name="myBox[]" />

等等...

请注意，您需要在 name 属性中使用方括号来表示数组表示法。如果这样做，PHP 会将变量显示为数组。

在您的情况下（现在您已经添加了一个示例），您只需要使您的选择标签末尾有数组运算符：

<select class="mydrop" name="cards-accepted[]" multiple="multiple" size="5">
</select>

Answer 3

我已经查看了您所说的正在使用的插件，现在我明白了问题所在......它有问题。

它生成的输入不适合发布到服务器，因为它们都具有相同的名称。 PHP 无法区分具有相同名称的输入（除非它们包含括号符号 - [] - 那么它们被视为数组）

我在这里模拟了一个小演示：

http://jsbin.com/upuhe/edit

使用 firebug 之类的东西检查复选框，您会看到它们都有相同的名称。

如果我在你那里，我会使用 JQuery 重命名你的插件创建的检查框，如下所示：

请参阅： http:// jsbin.com/upuhe/2/edit

$("select").multiselect()
  .each(function(){

    var selectEl = $(this);        
    var selectElName = selectEl.attr("name")

    selectEl.multiselect("widget")
      .find("input[type=checkbox]")
        .attr({ name: selectElName });
})

这假设您将选择设置为