选择值后如何将下拉菜单转换为标签。单击按钮后再次转换为下拉菜单答案

【问题标题】：How to convert the dropdown menu to label once the value is selected.and again convert into the dropdown onclick of the button选择值后如何将下拉菜单转换为标签。单击按钮后再次转换为下拉菜单
【发布时间】：2014-09-13 09:55:48
【问题描述】：

如果我选择值，我有一个对话框，其中有哪些不同的下拉菜单，然后选定的值将显示为标签，并且侧面有一个按钮作为“更改”，因此如果用户单击更改，则标签将再次被转换进入下拉菜单。另一个下拉菜单也一样

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

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

【讨论】：

【解决方案2】：

在下拉菜单附近有一个跨度。选择该选项后，使用 jquery 使用所选值更新跨度。然后隐藏下拉菜单

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

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

点击更改按钮时，可以显示隐藏的下拉框，隐藏span标签。

【讨论】：