選擇值后如何將下拉菜單轉換為標簽，然后單擊按鈕再次轉換為下拉菜單

Question

我有一個對話框，如果我選擇該值，則在其上有不同的下拉菜單，則所選擇的值將顯示為標簽，並且在側面有一個“更改”按鈕，因此，如果用戶單擊更改，則再次將標簽轉換為下拉菜單。 其他下拉菜單也一樣

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標簽。