基于属性的Jquery条件下拉列表

我需要根据第一个选择列表的值显示/隐藏选择列表的选项，但我不能使用第二个选择列表的值我需要使用数据属性或其他东西，我从一个片段中尝试了这个方法，我发现它对值很有效，但似乎我误用了数据方法

我向您展示我的Html和js：

$document.readyfunction{ var optarray=$group.children'option'.mapfunction{ 返回{ 数据：这个数据， 选项：+this.text+ } } $type.changefunction{ $group.children'option'。删除； var addoptar=[]； 对于i=0；i-1{ addoptar.pushoptarray[i].选项； } } $group.htmladoptar.join }.改变； } 选择一种类型 音乐 艺术 烹调 选择一组 乐队 吉他手 油漆匠 格拉夫 首领 尝试用数据：$this.attrdata替换数据：this.data；chaining.get to.map返回数组而不是jQuery对象；用i=1代替i=0进行初始化，以删除不具有值的选项，从迭代中选择类型；在for语句中，将.indexOf$this.val替换为.indexOf$this.data

$document.readyfunction{ var optarray=$group.children'option'.mapfunction{ 返回{ 数据：$this.attrdata， 选项：+this.textContent+ } }.获得； $type.changefunction{ $group.childrenoption.remove； var addoptar=[]； 对于i=1；i-1{ addoptar.pushoptarray[i].选项； } } console.logaddoptar $user\u job\u title\u str.htmladoptar.join }.改变； } 选择一种类型 音乐 艺术 烹调 选择一组 乐队 吉他手 油漆匠 格拉夫 首领

---

建议您首先阅读jQuery.data的API文档。标记中的用法错误，this.data和this.text未定义。这将是一个DOM元素。使用控制台查看错误会有很大帮助，我知道我误用了数据选项