使用jquery将输入转换回链接

时间:2012-06-21 11:53:57

标签: javascript jquery jquery-ui

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>

首先它的链接然后当我点击它转换为输入以进行编辑然后当我点击它或标签需要再次转换为链接时。

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

1 个答案:

答案 0 :(得分:0)

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

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