Javascript 如何根据第一个选项填充第二个

我正在尝试创建一个脚本，根据第一个选项填充第二个select

例如，如果在第一个类别中选择类别1，则需要使用子类别1.1、子类别1.2等填充第二个类别

这是我的密码：

<select id="category">
    <option value="">Select Category</option>
    <option value="1">Category 1</option>
    <option value="2">Category 2</option>
    <option value="3">Category 3</option>
</select>

<select id="subcategory">
    <option value=""></option>
</select>

---

我正试图用jquery实现这一点。有人能帮我吗？

看看这个简单的例子

$'category'.change函数{ var options=+$“category”.val+； $‘子类别’。附加选项； }; JS-Bin 选择类别 第一类 第2类 第3类 变量类别=[ { 值：“1”， 名称：“类别1”， 子类别：[{ 值：“1.1”， 名称：“Sub 1.1” }, { 值：“1.2”， 名称：“Sub 1.2” }] }, { 值：“2”， 名称：“类别2”， 子类别：[{ 值：“2.1”， 名称：“Sub 2.1” }, { 值：“2.2”， 名称：“Sub 2.2” }] } ]; var$categorySelect=$category； var$subcategory select=$subcategory； //用选项填充类别 类别。forEachfunctioncategory{ var$option=$.attr'value'，category.value.htmlcategory.name； $categorySelect.append$选项； }; $categorySelect.on'change'，函数{ //清除子类别从旧选项中选择 $subcategory select.empty； //查找所选类别 var selectedCategoryValue=$categorySelect.val； 变量类别=类别。findfunctioncategory{ return category.value==selectedCategoryValue； }; //如果找到类别-填充子类别选择 如果类别{ category.subCategories.foreachFunction子类别{ //您可以将此行提取到单独的函数中 var$option=$.attr'value'，subcategory.value.htmlsubcategory.name； $subcategory选择。追加$option； }; } } 选择类别

---

你还没试过吗？从这里开始：真的不知道从哪里开始。我是jQuery的乞丐。