javascript - 将输入转换为使用 jquery 链接回

Question

jQuery代码是：

$(document).ready(function () {
  $('.a0').click(function(){
    $('#url0,#url1').val($(this).text()).show();
    $(this).hide();
});

$('.a0 a').click(function(e){
   e.stopPropagation();
});


});

的HTML：

<div style="padding:0 !important">
    <div class="a0" style="padding: 0px ! important; display: none;">
        <a href="http://dasda.cas">dasda.cas</a>
    </div>
    <input type="text" value="dasda.cas" class="mandatory1" id="url1" style="" readonly="readonly">
</div>

首先是链接，然后当我单击 div 时，它会转换为输入以进行编辑，然后当我单击它或选项卡需要再次转换为链接时。

更新： 我的需要是：在编辑后将文本转换为链接。这是一个结帐表格，结帐的最后一步，所以我有即时编辑 ajax，默认情况下，它是一个带有隐藏输入的链接，你可以看到，我也需要在编辑后成为一个链接，因为在编辑它之后仍然是文本而不是链接。

Answer 1

您可以尝试将文本框转换回链接

$('#url0,#url1').blur(function() {
    $(this).prev().show().find('a').attr(this.value);
    $(this).hide();
});
​