Javascript 使用selectmenu统一代码

我在视图中有多个选择菜单

下面是它的一个片段

$（函数（）{
var selectSpeed=$（“#speed”），
选择test=$（“#test”）；
选择Speed.selectmenu（）；
selectTest.selectmenu（）；
$（“#速度按钮”）。打开（“鼠标向下”，函数（）{
选择速度。选择菜单（“打开”）；
});
$（“#速度按钮”）。在（“单击”，函数（）上）{
选择速度。选择菜单（“打开”）；
});
$（document）.on（“mouseup”、“#speed menu.ui菜单项包装器”，函数（）{
选择speed.val（$（this.text（）.substr（0,1））.change（）；
选择速度。选择菜单（“关闭”）；
选择速度。选择菜单（“刷新”）；
});
$（“#测试按钮”）。在（“鼠标向下”，函数（）上{
选择测试。选择菜单（“打开”）；
});
$（“#测试按钮”）。在（“单击”，函数（）上）{
选择测试。选择菜单（“打开”）；
});
$（document）.on（“mouseup”、“#test menu.ui菜单项包装器”，函数（）{
选择test.val（$（this.text（）.substr（0，1））.change（）；
选择测试。选择菜单（“关闭”）；
选择测试。选择菜单（“刷新”）；
});
});
字段集{
边界：0；
}
标签{
显示：块；
利润率：30px0；
}
.溢出{
高度：200px；
}

1 vuxen
2 vuxna
3 vuxna
4 vuxna
5 vuxna
6 vuxna
7 vuxna
8 vuxna
9 vuxna
1试验
2试验
3试验
4试验
5试验
6试验
7试验
8试验
9测试
在这里找到我认为您想要实现的工作片段。

我试图增强/缩短代码，它应该可以使用您想要的任意多个
select
s…

请注意，
select
s需要有不同的
id
s，因为菜单的
id
s对应于它


$（函数（）{
//对于表单中的所有选择，请执行以下操作：
$（'.demo form select'）。每个（函数（索引、值）{
var select_elm=$（此值）；
var select_id=$（this.attr（'id'）；
$（选择菜单）。选择菜单（）；
//菜单打开
$（“#”+选择_id+“-按钮”）。在（“鼠标向下单击”，函数（）上{
选择菜单（“打开”）；
});  
//选项选择
$（document）.on（“mouseup”，“.ui选择菜单打开。ui菜单项包装器”，函数（）{
//如果要管理多个菜单，请添加
如果(
（选择\u id+'-menu'）=//此选择对象的菜单名称
（$（this）.closest（'.ui menu'）.attr（'id'）//刚刚单击的菜单的名称
) {
$（select_elm）.val（$（this.text（）.substr（0,1））.change（）；
$（选择菜单）。选择菜单（“关闭”）；
$（选择菜单）。选择菜单（“刷新”）；
//以下仅为测试而添加，确保仅更改了一个值！
var检验=''；
$（'.demo form select'）。每个（函数（索引、值）{
test+=$（this.attr（'id'）+'：'+$（this.val（）+'，'；
});
console.clear（）；
控制台日志（测试）；
}
});
});
});
字段集{
边界：0；
}
标签{
显示：块；
利润率：30px0；
}
.溢出{
高度：200px；
}

1 vuxen
2 vuxna
3 vuxna
4 vuxna
5 vuxna
6 vuxna
7 vuxna
8 vuxna
9 vuxna
1试验
2试验
3试验
4试验
5试验
6试验
7试验
8试验
9测试
1 vuxen
2 vuxna
3 vuxna
4 vuxna
5 vuxna
6 vuxna
7 vuxna
8 vuxna
9 vuxna
1试验
2试验
3试验
4试验
5试验
6试验
7试验
8试验
9测试
@Balance你说得对。它已按您的评论更新。谢谢，这很有帮助！