以 php 形式从多个选择中发布未选择的选项

Question

我可以在 PHP 中获取我的 selectedFruit 数组，但是如何使用 js 或 jquery 填充隐藏的输入以便我可以实现我的目标？<form id="my_form" action method="post"><select name="selectedFruit[]" multiple="multiple">    <option value="1">Orange</option>    <option value="2">Grape</option>    <option value="3">Apple</option>    <option value="4">Watermelon</option></select><input hidden name="unselectedFruit[]"><button type="submit">Submit</button></form>我的目标是在我的 php 文件中执行此操作：$selected_array_fruit = $_POST["selectedFruit[]"];$unselected_array_fruit = $_POST["unselectedFruit[]"];

Answer 1

如果更改了选择，您可以创建新的输入值。

- 创建函数，从 select 中过滤未选择的值，并使用 unselectedFruit[] 名称为 PHP 数组创建新的隐藏输入。

- 为更改创建侦听器并重新计算选择选项。

// this is for explain and by default is truncated and filtered by selector

// option:selected and remove the line 'skip selected'

const loadSelectUncheckedValues = function() {

  $('[name="unselectedFruit[]"]').remove(); // clean all

  $('select[name="selectedFruit[]"] option').each(function() {

    if($(this).is(':selected')) return; // skip selected

    $('#my_form').append('<input type="hidden" name="unselectedFruit[]" value="'+$(this).val()+'" />');

  });

}

// init

loadSelectUncheckedValues();

$('select[name="selectedFruit[]"]').on('change', function() {

    loadSelectUncheckedValues();

});