jQuery - 入力フィールドから所定のテキストでdivにテキストを送信

Question

jquery idを使用すると、入力フィールドから入力フィールドのテキストをボタンのクリックから更新する必要があります。また

、それは
事前に定義された「書かれたテキスト」
「AND PRE書かれたテキスト定義されているテキスト」別のノートの私には

たその周りに特定のテキストを持っているために、そのテキストのようなIDを起こります私は考えているようにこれを書いていた... stackoverflowでこのプレビュープレビューのようなものは悪くないだろう。ボタンをクリックした後にテキストが表示されることは重要ではないためです。もちろん、これまでのやり方はもっと簡単だろう。私はそれと一緒に行くだろうか...

アイデア？私は私のお尻をgoogledしかし、私はjqueryと入力フィールドからdivにテキストを送信する記述するための正しい検索ワードを見つけることができなかったと思います...

私は実際にはgomとして実際の機能まで、入力とdiv少なくとも。 http://jsfiddle.net/XrBy2/2/

Answer 1

UPDATE

$(document).ready(function() { 

     $('input[type=button]').click(
      function(){update(); } 
     ); 

$('input.clear').click(
     function(){ 
      $('div.update-here').html(""); 
     }  
    ) 

    }); 

とクリアボタンのための明確なクラスを与えること<input value='clear' class='clear' />

<script src="jquery.js"></script> 

<script type="text/javascript"> 

    var textfront = "some pre defined text"; 

    var textend = "some pre defined text back"; 

    $(document).ready(function() { 

     $('input[type=button]').click(
      function(){update(); } 
     ); 

    }); 

    function update() 
    { 
     $('div.update-here').html(textfront+$('#inputform').val()+textend); 
    } 

UPDATEここ変更

$('div.update-here').html(textfront+$('#inputform').val()+textend); 

$('div.update-here').html(textfront+$('input[name=update]').val()+textend); 
</script> 

<div class="update"> 
    <p>Update:</p> 

    <input type="text" name="update" id="inputform"/> 
    <input type="button" value="update"/> 
</div> 

<div class="update-here"></div> 

<div style="margin: 0px;" class="example">written text</div> 
<div class="example">AND THE PRE written DETERMINED TEXT</div> 

Answer 2

クリアボタンとその機能が追加されたファイナルです。

http://jsfiddle.net/XrBy2/13/

JS

<script type="text/javascript"> 
    var textfront = "front-"; 

    var textend = "-back"; 

    $(document).ready(function() { 

     $('.update').click(
      function(){update(); } 
     ); 
     $('.clear').click(
       function(){clear(); } 
     ); 

    }); 

    function update() 
    { 
     $('div.update-here').html(textfront+$('.update-it input').val()+textend); 
    } 
    function clear() 
    { 
     $('div.update-here').html($('')); 
    } 
</script> 

.body { font-size: 12px;} 

.update-it { border: 1px solid #e1e1e1; padding: 4px 7px 4px 4px; width: 150px; } 
.update-it input { width: 100%; } 

.example, .update-here { background: #f1f1f1; margin-top: 30px; border: 1px solid #999; padding: 4px 7px 4px 4px; height: 10px; line-height: 10px; }