如何將輸入文本字段替換爲跨度文本？

Question

我想在文本字段中輸入值之後，將文本字段替換爲不可編輯的字段。

<input type="text" id="text" value=""> 
<input type="button" id="btn" value="click"> 

在文本字段中輸入我的數據值，點擊按鈕後，我要替換這些文本框和按鈕進入跨度文本。

<span id="changedText"></span> 

我該怎麼用Jquery做這件事？ 在此先感謝。最初

$('#btn').on('click',function(){ 
    $('#text').replaceWith("<span id='changedText'>"+$('#text').val()+"</span>"); 
}); 

Answer 1

你可以做到這一點。

click here to see it in action

$("#btn").click(function(){ 
    $("#changedText").html($("#text").val()); 
    $("#text").hide(); 
}); 

Answer 2

，隱藏span.On按鈕點擊隱藏輸入，複製到跨文本，並顯示跨度 -

Answer 3

你應該首先得到輸入元素值：

var data = $("#text").val(); 

然後創建span元素，並用它

$("#text").replaceWith('<span id="changedText">'+data+'</span>') 

這一切都將發生更換輸入當用戶點擊按鈕

$("#btn").click(function(){ 
    var data = $("#text").val(); 
    $("#text").replaceWith('<span id="changedText">'+data+'</span>') 
});