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

Question

i have dialog on which different dropdowns are there if i select the value then it the selected value will be shown as label and there is a button in side as "Change" so if user click on change then again label will be converted into dropdown. the same thing for the other dropdown

Answer 1

If it were me, I would do this as 2 separate controls. Have the drop-down available, with the label hidden. Once they select the value, set the label text to the value, then show the label. Have the button hide the label again, showing the drop-down...

Answer 2

Have a span near the dropdown. when the option is selected, update the span with the selected value using jquery. Then hide the dropdown

using this code you can get the selected value and update it in the span tag and it will display as label and then you can hide the dropdown box

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

When you click the change button, you can show the hidden dropdown box and hide the span tag.