javascript - クリックするたびに、テキストをページに追加する必要があります

Question

関数をクリックするたびに価値を追加したいと思います。

たとえば、クリックすると値が表示されますが、もう一度クリックすると、既存の値を置き換えずに別の値が表示されます

  <script>
    function dearq(selected){

      var value = $(".textvaluenonw").val();
          $("#dearname").html(value);

    }

</script>

これがフィドルです

http://jsfiddle.net/r7P3w/12/

Answer 1

#dearName要素内にテキストを追加する場合は、を使用します$.append()。

function dearq(selected){

    var value = $(".textvaluenonw").val();
    $("#dearname").append(value);

}

Answer 2

テキストを取得して追加

<script>
function dearq(selected){

  var value = $(".textvaluenonw").val();
  var newValue=$("#dearname").text()+" " + value;
      $("#dearname").html(newValue);

}

</script>

Answer 3

試す：

  <script> 
    function dearq(selected){ 
      var value = $(".textvaluenonw").val(); 
      $("#dearname").append(value); 
    } 
</script>