Html 需要帮助修改自定义下拉列表并更改其值吗

我添加了一个自定义下拉列表，如下所示：

现在点击列出的选项，主值应该改变，标签应该浮在上面

$（“.custom dropdown main”）。单击（函数（）{
$（“.custom下拉列表”）.toggle（）；
});
。创建新的预算值日期{
利润率：30px 0 10px；
填充：10px0；
边框顶部：1px实心#d8d9dc；
位置：相对位置；
}
.创建新预算值日期：之前{
内容：“；
背景：url（../images/up arrow.png）不重复0；
位置：绝对位置；
顶部：-14px；
左：100px；
宽度：22px；
高度：14px；
}
.选择新的预算值{
宽度：250px；
边框：1px实心#d8d9dc；
边界半径：5px；
填充：2x10px；
最小高度：45px；
}
.新预算值选择.自定义下拉列表主菜单{
显示：块；
文字装饰：无；
利润上限：10px
}
.new budget value select.自定义下拉菜单main.图标菜单down{
浮动：对；
}
.新预算值选择.自定义下拉列表{
边缘顶部：5px；
}
.新预算值选择.自定义下拉列表.下拉列表项{
显示：块；
填充物：3px2px；
}
.新建预算值选择一个：悬停{
文字装饰：无；
}
.新预算值选择.自定义下拉列表.下拉列表项：悬停{
背景：#e6；
颜色：#000；
}


$（“.custom dropdown main”）。单击（函数（）{
$（“.custom下拉列表”）.toggle（）；
});
$（“.custom dropdown.dropdown item”）。在（'click'，function（）上{
$（.custom下拉列表main”）.text（$（this.text（））；
$（“.custom dropdown main”）.prepend（'Budget'）；
$（“.custom下拉列表”）.hide（）；
});
。创建新的预算值日期{
利润率：30px 0 10px；
填充：10px0；
边框顶部：1px实心#d8d9dc；
位置：相对位置；
}
.创建新预算值日期：之前{
内容：“；
背景：url（../images/up arrow.png）不重复0；
位置：绝对位置；
顶部：-14px；
左：100px；
宽度：22px；
高度：14px；
}
.选择新的预算值{
宽度：250px；
边框：1px实心#d8d9dc；
边界半径：5px；
填充：2x10px；
最小高度：45px；
}
.新预算值选择.自定义下拉列表主菜单{
显示：块；
文字装饰：无；
利润上限：10px
}
.new budget value select.自定义下拉菜单main.图标菜单down{
浮动：对；
}
.新预算值选择.自定义下拉列表{
边缘顶部：5px；
}
.新预算值选择.自定义下拉列表.下拉列表项{
显示：块；
填充物：3px2px；
}
.新建预算值选择一个：悬停{
文字装饰：无；
}
.新预算值选择.自定义下拉列表.下拉列表项：悬停{
背景：#e6；
颜色：#000；
}
.标签{
显示：块；
字体大小：12px；
}

这是否回答了您的问题？它应该像默认的选择下拉列表一样工作，一旦我们单击下拉列表值，主值应该更改。@Mukesh，请在这里插入您的css和jquery。jquery:$（“.custom dropdown main”）。单击（函数（）{$（“.custom dropdown”）。切换（）；}）@Mukesh，你想要多个加法，还是一个值？