Jquery 如何获取此代码中的数据id值

这里我想，如果我选择班加罗尔，我想取那个值1，假设hydrabad意味着2，我正在尝试，但我得到了未定义的

$（文档）.ready（函数（）{
$（“#resi#u btn_search”）。单击（函数（）{
警报（$（this）.data（“id”）；
});
});

班加罗尔
海德巴德
Miredhpedia
班加罗尔
内部单击事件处理程序
此
引用单击的元素和
$（此）。数据（“id”）
将尝试获取未定义的单击元素的数据属性值

使用value属性更新数据列表，以后可以使用获取所选选项


$（文档）.ready（函数（）{
$（“#resi#u btn_search”）。单击（函数（）{
console.log（$（'#options option[value=“”+$（'#location12'）.val（）+'“]））.data（'id'）；
});
});
您的选项在
$（“#options”）中。children（）
：


函数searchResicCtrl（）{
var$opts=$（“#options”）.children（）；
变量输入=$（“#位置12”）；
var value=input.val（）.trim（）；
var opts=数组
.原型
.地图
.呼叫（$opts，功能（el）{
变量标签=el.textContent；
返回{
id:el.dataset.id，
标签：标签，
isSelected:值===标签
};
})
;
所选变量=选择过滤器（函数（o）{
选举产生的回报；
})[0]| |空；
console.log（“选项”，opts）；
console.log（“已选择”，已选择）；
}
$（文档）.ready（函数（）{
返回$（'#resi_btn_search'）。单击（SearchResiCtrl）；
})

班加罗尔
海德巴德
Miredhpedia
班加罗尔

$（函数（）{
$（“#按钮”）。单击（函数（）{
var val=$（“#项”）.val（）
var xyz=$（“#项选项”）.filter（函数（）{
返回this.value==val；
}).数据（“xyz”）；
var msg=xyz；
警报（msg）
})
})

为什么在班加罗尔值中返回相同的id？@Ainz其数据id属性为3