Html 自动附加选择列表中的项目

Html 自动附加选择列表中的项目,html,Html,我在“选择多个”列表中有一个不同项目的列表,我想自动附加到用户提交的表单中 类别多选择列表的HTML: <select name="category[]" size="4" multiple="multiple" id="group"> <option value='7'>Faculty</option> <option value='8'>Staff</option> <option value='6'&

我在“选择多个”列表中有一个不同项目的列表,我想自动附加到用户提交的表单中

类别多选择列表的HTML:

<select name="category[]" size="4" multiple="multiple" id="group">
    <option value='7'>Faculty</option>
    <option value='8'>Staff</option>
    <option value='6'>Students</option>
</select> 

官能
工作人员
学生
我想做一些类似的事情:

<input type="hidden" name="category[7,8]" />

这将自动将提交内容分配给类别[]中相应的选定列表项,而不会让他们看到

这是存储在数据库中的,所以我需要用这种方式来完成它


我知道这不起作用,但这应该让你知道我在努力做什么

我相信这可以通过使用Javascript库(如jQuery)来处理选择的更改并在隐藏字段中追加/更新项来实现。然后,您还可以在必要时使用Ajax使用所选内容更新数据库

但是,您的特定需求可能不考虑上述内容。一些附加信息对查看者很有帮助,例如您正在使用什么后端(php、asp.net,或者如果它只是静态html),以及您当前是否正在使用javascript(或库)来帮助您完成任何其他任务


我将尝试查看更新,看看是否可以提供更具体的帮助。(注意:我认为我的声誉太低,目前无法将此作为评论发布,因此不得不做一个回答。)

一个成功的多选控件只是作为具有多个值的控件提交。例如,如果您在列表中选择了“教员”和“职员”,则提交的内容如下:

<input type="hidden" name="category[7,8]" />
category[]=7和category[]=8

您可以使用两个隐藏输入复制此功能(至少在Firefox中,尚未在其他地方测试):

<input name="category[]" value="7" type="hidden"/>
<input name="category[]" value="8" type="hidden"/>