以 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() {&nbsp; $('[name="unselectedFruit[]"]').remove(); // clean all&nbsp; $('select[name="selectedFruit[]"] option').each(function() {&nbsp; &nbsp; if($(this).is(':selected')) return; // skip selected&nbsp; &nbsp; $('#my_form').append('<input type="hidden" name="unselectedFruit[]" value="'+$(this).val()+'" />');&nbsp; });}// initloadSelectUncheckedValues();$('select[name="selectedFruit[]"]').on('change', function() {&nbsp; &nbsp; loadSelectUncheckedValues();});