Как передать значение в текстовое поле через javascript

Question

Я использую фреймворк bootstrap для вызова модального диалога, и я пытаюсь передать ему уникальное значение из таблицы mysql в зависимости от щелчка по строке.

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

Heres ссылка на рабочий код. http://jsfiddle.net/ZEpLV/14/

Вот что мой код выглядит следующим образом:

<div id="com" class="modal hide fade in" style="display: none; "> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
      <h4>Server ID:<h3>PLace for your id</h3> 

    <div class="modal-body"> 
     <h4>Text in a modal</h4> 
     <input value="" type="text" name="id" Value=""> 
     <p>You can add some text here.</p>    
    </div> 

    <div class="modal-footer"> 
     <a href="#" class="btn btn-success">Call to action</a> 
     <a href="#" class="btn" data-dismiss="modal">Close</a> 
    </div> 
    <script> 

    $(".modal-toggler").click(function(){ 
    var _id = $(this).attr("id"); 
    $("#com h3").text(_id); 
    $("#com").show(); 
    return false; 
}); 
</script> 

Answer 1

Для входов вы должны использовать .val() вместо .text()

$("#com input").val(_id); 

Answer 2

Привести Id к тексту подал и использовать идентификатор текста и .val()

$("#text").val(_id); 

http://jsfiddle.net/chauhangs/ZEpLV/15/

$(".modal-toggler").click(function(){ 
    var _id = $(this).attr("id"); 
    $("#com h3").text(_id); 
    $("#text").val(_id); 
    $("#com").show(); 
    return false; 
});