JQuery: заполнить текстовое поле со значением пролете

Question

проверить эту скрипку: http://jsfiddle.net/7vcZT/

Как вы можете видеть, что это работает, но при нажатии на текст и он превращается в текстовое поле есть две проблемы:

1. Старый текст не отображается в текстовом поле и
2. Если вы случайно нажмете случайно, не введя ничего, он полностью исчезнет, ​​а не покажет старый текст.

Итак, (когда человек нажимает текст и появляется текстовое поле), как я могу получить значение SPAN для показа в текстовом поле?

Спасибо!

код в случае, если вы не хотите, чтобы посетить скрипку:

$(".editDIV").click(function(){ 
    $(this).find("span")[0].style.display="none"; 
    $(this).find("input")[0].style.display="block"; 
    $(this).find("input")[0].focus(); 
}); 

$(".editINPUT").blur(function(){ 
    $(this)[0].style.display="none"; 
    $(this).prev()[0].innerText=$(this)[0].value; 
    $(this).prev().show(); 
}) 

Answer 1

Вы можете взять текст из диапазона с .text() и вставить его в значение входного .val()

http://jsfiddle.net/7vcZT/16/

$(".editDIV").click(function(){ 
    $(this).find("input").val($(this).find('span').text()); 
    $(this).find("span")[0].style.display="none"; 
    $(this).find("input")[0].style.display="block"; 
    $(this).find("input")[0].focus(); 
}); 

Answer 2

Try:

$(".editDIV").click(function() { 
    $(this).find("span").toggle(); 
    $(this).find("input").val($(this).find('span').text()).toggle().focus(); 
}); 
$(".editINPUT").blur(function() { 
    $(this).hide().prev().text($(this).val()).show(); 
}) 

jsFiddle example