使用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，只需隐藏＆amp;禁用它，并删除ID attibute。当你需要切换回SELECT时，隐藏＆amp;禁用输入，删除ID属性并将其恢复到SELECT，然后显示并启用它。