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 时，它会转换为输入以进行编辑，然后当我单击它或选项卡需要再次转换为链接时。

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

Answer 1

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

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