一旦选定值，如何将下拉菜单转换为标签.再次转换为按钮的下拉按钮

How to convert the dropdown menu to label once the value is selected.and again convert into the dropdown onclick of the button

本文关键字：转换 按钮 标签 下拉菜单      更新时间：2023-09-26

我有一个对话框，上面有不同的下拉框，如果我选择了这个值，那么它所选择的值将显示为标签，并且有一个按钮在一边作为"更改"，所以如果用户点击更改，那么再次标签将转换为下拉框。另一个下拉菜单

也是一样

如果是我，我会把它作为两个单独的控件。使下拉菜单可用，并隐藏标签。一旦他们选择了该值，将标签文本设置为该值，然后显示标签。让按钮再次隐藏标签，显示下拉菜单

在下拉列表附近设置一个span。当该选项被选中时，使用jquery用选中的值更新span。然后隐藏下拉菜单

使用这段代码，你可以获得选定的值并在span标签中更新它，它将显示为标签，然后你可以隐藏下拉框

$("# dropdown id").change(function () {
    //update the value in to span
    $('# span id').html($('# dropdown id').val());
    $('# dropdown id').hide();
});

当您单击更改按钮时，您可以显示隐藏的下拉框并隐藏span标记。

相关文章：