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

Posted 2023-05-09

【中文标题】选择值后如何将下拉菜单转换为标签。单击按钮后再次转换为下拉菜单

【英文标题】：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

【问题描述】：

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

【参考方案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标签。