使用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。