在日常前端开发中，我们经常会用到``标签来创建下拉菜单。如果需要获取用户选择的选项并提取其自定义属性值，可以借助jQuery轻松实现！今天就来分享一个简单的方法，让你快速掌握这项技能。

首先，确保你已经引入了jQuery库。接着，在HTML中为`

`标签添加自定义属性（例如`data-id`）。比如：

```html

选项一

选项二

选项三

```

接下来，使用jQuery代码获取选中的``元素及其自定义属性值：

```javascript

$(document).ready(function() {

$('mySelect').change(function() {

// 获取选中项的值和自定义属性

let selectedValue = $(this).val();

let customAttr = $(this).find('option:selected').attr('data-id');

console.log("选中的值：" + selectedValue);

console.log("自定义属性值：" + customAttr);

});

});

```

这段代码会在用户改变选择时输出对应的值和自定义属性值。简单又实用！✨

学会这个小技巧后，你可以更灵活地处理表单数据啦！🌟