jquery - 我无法从 jquery 编辑和提交表单

Question

我有这个代码:

jQuery(function ($) {
    $('.over').mouseover(function(){
        $(this).html($('<form/>', {
            action: 'edit.php',
            method: 'POST'
        }).append($('<input/>', {
            type: 'text',
            name: 'name',
            value: $(this).text()
        })));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text over" id="1">TEXT</div>

因此，当鼠标悬停时，输入会出现，但为空，我无法编辑以发送表单。怎么了？

Answer 1

1. 您正在使用 .html() 来替换所有内容，因此当您调用 value: $(this).text() 时，它已经被替换为表单。

2. 您似乎无法编辑它，因为每次您用鼠标单击它时，都会再次触发该事件。如果您tab到输入

，则可以编辑它