[JQuery] 使用textarea、span配合JQuery實現快速輸入文字(Keyword)

HTML:

<textarea id="reason"></textarea>

<p>
    快速選取原因： 
    <span class="keyword">沒有網路</span>
    <span class="keyword">無法開機</span>
    <span class="keyword">電腦中毒了</span>
    <span class="keyword">需重灌電腦</span>
</p>

JavaScript:

<script type="text/javascript">
    $(".keyword").on("click",function(){  
        var value   = $(this).text();       //取得span值
        var html    = $("#reason").val();   //取得textarea值
        var newHTML = html+value;           
        $("#reason").val(newHTML);          //設定textarea的新值
    }); 
</script>

注意!
使用textarea取值、設值都要使用val()。

使用textarea取值
$("#reason").val();

使用textarea設值
$("#reason").val("值");