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

Question

我有一个对话框，如果我选择了该值，那么不同的下拉列表就会出现，然后选择的值将显示为标签，并且在侧面有一个按钮作为＆＃34;更改＆＃34;因此，如果用户点击更改，则再次将标签转换为下拉列表。 对于其他下拉列表同样的事情

Answer 1

如果是我，我会将其作为2个单独的控件。提供下拉菜单，隐藏标签。选择值后，将标签文本设置为值，然后显示标签。让按钮再次隐藏标签，显示下拉菜单......

Answer 2

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

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

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

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