使用jquery，切換replaceWith命令來切換輸入

Question

我有一個問題，我似乎無法解決。

我有一個php和sql函數來創建和填充選擇下拉列表。我需要能夠用簡單的文本輸入切換。我可以使用replaceWith（）從選擇下拉菜單中輸入文字，但我無法解決如何切換回原始選擇下拉菜單。

$('.plus').click(function() { 
          var id = $(this).closest('li').find('select').attr('id'); 
          $(this).closest('li').find('select').replaceWith('<input class="new_input" type="text" id="' + id + '" />');          

           }); 

所以當點擊.plus時，我需要它在選擇和輸入項目之間切換。我在jQuery中創建新的輸入，因爲我需要動態分配輸入的ID。任何幫助是極大的讚賞！

Answer 1

不刪除SELECT，只是隱藏&將其禁用，並刪除ID attibute。當您需要切換回SELECT時，隱藏&禁用輸入，刪除ID屬性並將其恢復到您隨後顯示並啓用的SELECT。