Jquery 如何创建保存所选下拉列表的数据库？

你能用这个创建一个数据库吗？你将如何展示它

data.iFilm = ["Comedy", "Horror", "Sci-Fi"];
data.iVideoClip = ["Hip-Hop", "Pop", "Rap"];
data.iSerial = ["Serial 1", "Serial 2", "Serial 3"];

这就是HTML

<label><input type="checkbox" id="Film" data-content="iFilm" /> Film</label><br />
<label><input type="checkbox" id="VideoClip" data-content="iVideoClip" /> VideoClip</label><br />
<label><input type="checkbox" id="Serial" data-content="iSerial" /> Serial</label><br />
<select></select>

这就是Javascript

$(function () {
  var data = {};


 data.iFilm = ["Comedy", "Horror", "Sci-Fi"];


     data.iVideoClip = ["Hip-Hop", "Pop", "Rap"];
      data.iSerial = ["Serial 1", "Serial 2", "Serial 3"];

  $("input:checkbox").change(function () {
    $("select").html("");
    $("input:checked").each(function () {
      addItemsFromArray(data[$(this).attr("data-content")]);
    });
  });
  function addItemsFromArray (arr) {
    $.each(arr, function (i, v) {
      $("select").append('<option value="' + v + '">' + v + '</option>');
    });
  }
});

---

例如，在复选框中，当我选择电影时，我的选项显示喜剧、恐怖、科幻，而您选择恐怖

你是怎么做到的？如何从中创建一个数据库来保存选定的下拉列表，它将如何保存在数据库中？ 当你想看喜剧时，你如何只在视图中显示它？

---

例如，您将打开用户配置文件

以下内容现在应使用ES6功能完成此工作：

var数据={电影：[喜剧、恐怖、科幻]， 剪辑：[嘻哈、流行、说唱]， 序列号：[序列号1、序列号2、序列号3]}； $function{ $'input:checkbox'。单击E=>//分配单击事件处理程序 $'choices'.html//重新分配要选择的选项 $'input:checkbox:checked'//查找所有选中的复选框 .toArray//从jquery对象生成数组 .reduceopts，c=>opts.concatdata[c.id]，]//组合所有子数组 .mapo=>+o+.join//options $'select'.changeev=>{ 试一试{ localStorage.setItemthis.id，this.value} 捕手{nolosto} }; $'showchoice'。单击EV=>{ 试一试{ console.loglocalStorage.getItem'choices'} 捕手{nolosto} }; }; 函数nolosto{console.log`不幸的是，这个小提琴是沙盒， 因此本地存储在这里不起作用`；} 电影 视频剪辑 电视连续剧

---

例如，在复选框中，当我选择电影时，我的选项显示喜剧、恐怖、科幻，而你选择恐怖，你是如何做到的？如何从中创建一个数据库来保存选定的下拉列表，它将如何保存在数据库中？当你想看喜剧时，你如何只在视图中显示它？例如，您将打开用户配置文件