Javascript 使用数组和JQUERY构建一个；反应性；选择列表。如何从基于阵列的选定项中提取数据

我对JavaScript和JQUERY非常陌生，所以请温柔一点；）

我已经创建了一个数组，它填充了基于第一个选择的第二个选择下拉列表：（感谢激进狂热者的代码）

$（文档）.ready（函数（）{
var productCategoryJsonList={“productCategoryTable”：
[
{“productCategoryID”：“1”，“productCategory”：“选择产品类别”}，
{“productCategoryID”：“2”，“productCategory”：“Pianos”}，
{“productCategoryID”：“3”，“productCategory”：“Organs”}，
{“productCategoryID”：“4”，“productCategory”：“合成器”}，
{“productCategoryID”：“5”，“productCategory”：“键盘”}，
{“productCategoryID”：“6”，“productCategory”：“吉他和贝斯”}，
{“productCategoryID”：“7”，“productCategory”：“V型鼓”}，
{“productCategoryID”：“8”，“productCategory”：“Production”}，
{“productCategoryID”：“9”，“productCategory”：“放大器”}，
{“productCategoryID”：“10”，“productCategory”：“AIRA”}，
{“productCategoryID”：“11”，“productCategory”：“附件”}，
{“productCategoryID”：“12”，“productCategory”：“HOSA电缆”}
]};
var productModelJsonList={“钢琴”：
[
{“productModelTypeID”：“1”，“productModel”：“V-Piano”，“prodID”：“01010011A”}，
{“productModelTypeID”：“2”，“productModel”：“RG-3F”，“prodID”：“03011070A”}，
{“productModelTypeID”：“3”，“productModel”：“LX-17”，“prodID”：“03011050A”}，
{“productModelTypeID”：“4”，“productModel”：“LX-7”，“prodID”：“03011050A”}，
{“productModelTypeID”：“5”，“productModel”：“HP603”，“prodID”：“03011010A”}，
{“productModelTypeID”：“6”，“productModel”：“HP605”，“produD”：“03011010A”}，
{“productModelTypeID”：“7”，“productModel”：“LX-15E”，“prodID”：“03011050A”}，
{“productModelTypeID”：“8”，“productModel”：“HP508”，“prodID”：“03011010A”}
],
“机关”：
[
{“productModelTypeID”：“1”，“productModel”：“V-Combo VR-09”，“prodID”：“01010020A”}，
{“productModelTypeID”：“2”，“productModel”：“Atelier组合AT-350C”，“prodID”：“03021010A”}，
{“productModelTypeID”：“3”，“productModel”：“AT-900白金版”，“prodID”：“03021010A”}，
{“productModelTypeID”：“4”，“productModel”：“AT-900C”，“prodID”：“03021010A”}，
{“productModelTypeID”：“5”，“productModel”：“AT-800”，“prodID”：“03021010A”}，
{“productModelTypeID”：“6”，“productModel”：“AT-300”，“prodID”：“03021010A”}，
{“productModelTypeID”：“7”，“productModel”：“AT-100”，“prodID”：“03021010A”}，
{“productModelTypeID”：“8”，“productModel”：“ATUP-EX”，“prodID”：“03021011A”}
]
};
console.log（“准备就绪！”）；
var CategoryListItems=“”；
对于（var i=0；i

HTML代码片段如下所示：

<label>Category</label>
        <select id="categorySelectionBox" class="stringInfoSpacing">
            <option value="-1" selected="selected">Category</option>
        </select>
        <br>

        <label>Select your Model</label>
        <select id="modelSelectionBox" class="stringInfoSpacing">
            <option  id="selectModelBox" value="-1" selected="selected">Select your Model</option>
        </select>

类别
类别


选择您的型号
选择您的型号

JSFIDLE页面如下所示：

我现在需要做的是根据用户在“选择您的型号”下拉选择中选择的内容从数组中提取prodID值。然后，该值将传递到网站的另一部分，以过滤销售所选产品的商店列表

有什么想法吗？我已经研究了JQUERY解析和onclick函数，但没有太大的成功

---

感谢您的帮助！

为什么不将值设置为1、2、3等等？这样，在更改时提取值就很容易了。我不确定是否需要将索引键作为第一列，它以数字形式递增才能正常工作。我肯定可以将prodID值移动到第一列n个数据。如果我这样做，我将如何在更改时提取该值？我确实记得在某个地方读到过关于该值的内容，所以我将沿着这条路走下去。你不需要索引。值适用于你想要的任何内容。如果你想保留它，你可以另外定义任何属性。根据你的需要检索值或属性

<label>Category</label>
        <select id="categorySelectionBox" class="stringInfoSpacing">
            <option value="-1" selected="selected">Category</option>
        </select>
        <br>

        <label>Select your Model</label>
        <select id="modelSelectionBox" class="stringInfoSpacing">
            <option  id="selectModelBox" value="-1" selected="selected">Select your Model</option>
        </select>