динамический набор текста из текстового поля

Question

это HTML код

<div id="domTxtEntry"> 
    <strong>Your Name:</strong> 
    <input type="text" name="txtdisplay" id="txtdisplay" value="" class="input" /> 
    <br /> 
    <br /> 

    <div id="domPrv"></div> 
</div> 

этот код JQuery

$(document).ready(function() { 
    var nameNode = $('#domPrv'), 
     name = $('#txtdisplay'); 
    //comment...easy 
    $('#domTxtEntry input').bind('blur keyup', function() { 
     //name 
     if ($('#txtdisplay').val()) { 
      nameNode.text(name.val() + ' modifies this'); 
     } 
    }); 
}); 

это здесь, в этой скрипкой. http://jsfiddle.net/qSq37/1/

две проблемы

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

Нужна помощь.

Answer 1

Первая проблема заключается в том, что когда вход пуст, вызов .val() возвращает false, поэтому значение в #txtdisplay не обновляется. Попробуйте это:

$('#domTxtEntry input').bind('blur keyup', function() { 
    if ($('#txtdisplay').val()) { 
    nameNode.text(name.val() + ' modifies this'); 
    } else { 
    nameNode.text("Default value"); 
    } 
}); 

Вторая проблема, которую можно решить, как это (удалены <br /> теги):

<div id="domTxtEntry"> 
    <strong>Your Name:</strong> 
     <input type="text" name="txtdisplay" id="txtdisplay" value="" class="input" /> 

    <div id="domPrv">Default value</div> 
</div> 

И в CSS:

#domPrv { 
    display: inline-block; 
}