Javascript 如何将jQuery脚本用于表单中的多个选择类型下拉菜单？

我有三个下拉菜单，我想在每个按钮上显示所选项目。但是，我的jQuery代码正在更改所有三个下拉列表的选定项。如果我单击任何下拉列表中的一个项目，这三个项目都将更改为我选择的项目。如何使它们单独显示自己选择的项目

HTML

更改此项：

$(".btn").text($(this).text());

到

然后再试一次

说明：当您使用

$（“.btn”）.text（$（this.text（））

，表示您正在选择所有按钮，但您必须只选择关联的按钮本身，因此yiu必须使用

DOM

遍历功能来获得正确的按钮。

更改

$（“.btn”）.text（$（this.text（））到
$（this.parent（）.sibbines（'.btn'）.text（$（this.text（））


$（文档）.ready（函数（）{
$（“.li”下拉菜单）。单击（函数（）{
$（this.parent（）.sides（'.btn'）.text（$（this.text（））；
});
});

所有蔬菜类型

所有
布罗科利

羽衣甘蓝
胡萝卜

水果

苹果公司
橙色
香蕉

数

1
2
3
4


$(document).ready(function(){
  $(".dropdown-menu li").click(function(){
    $(".btn").text($(this).text());
  });

});

$(".btn").text($(this).text());

$(this).closest(".btn").text($(this).text());