このようなことは可能ですか？

Question

私は誰かが私を送るテキストを書くことができるテキストボックスを持っています。私はいくつかのボタンを "！"、 "XD"、 "＃"のような記号でページに配置したい。たとえば、誰かがクリックすると、 "！"ボタン、 "！"テキストボックスに挿入する必要があります。これどうやってするの？

<textarea data-typeid="18" data-price="15" data-pricetype="fixed" data-index="0" name="ywapo_textarea_18[0]" cols="20" rows="4" maxlength="" class="ywapo_input ywapo_input_textarea ywapo_price_fixed"></textarea> 
<input onclick="InsertText('18','Ş')" value=" Ş " type="button"> 
<input onclick="InsertText('18','Ş')" value=" @ " type="button"> 
<input onclick="InsertText('18','Ş')" value=" # " type="button"> 

Answer 1

これはあなたを助ける必要があります。..

$('button').click(function(e) { 
 
    var input = $('.ywapo_input') 
 
    input.val(input.val() + e.target.value) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea data-typeid="18" data-price="15" data-pricetype="fixed" data-index="0" name="ywapo_textarea_18[0]" cols="20" rows="4" maxlength="" class="ywapo_input ywapo_input_textarea ywapo_price_fixed"></textarea> 
 
<br/> 
 
<button value="$">$</button> 
 
<button value="@">@</button> 
 
<button value="#">#</button>

Answer 2

することができますはい、私たちは本当にあなたのコードを表示することはできません、それは難しいことではありませんが、それはいくつかの時間にする必要があります完了してください...

とにかく、このようなことをしたいのであれば、AngularJSを実際に見てください。単純なjavascを使うよりはるかに簡単です（たとえ単純なJSでこれを行うことができたとしても、ちょっと難しいです）

Answer 3

inputを更新する関数を作成します。 3つの3つの異なる値を持つボタン、それをクリックするだけで&、入力されたテキストに値を渡す

JS

function updateText(value) { 
    document.getElementById("myInput").value = value; 
    } 

HTML

<input type="text" id="myInput"> 
<button type="button" value="!" onclick="updateText(this.value)">!</button> 
<button type="button" value="XD" onclick="updateText(this.value)">XD</button> 
<button type="button" value="#" onclick="updateText(this.value)">#</button> 

DEMO