是否有可能做出這樣的事情？

-4

我有一個文本框，有人可以寫一些文本發送給我。我想在頁面上放置一些按鈕，如「！」，「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">

來源

2016-09-28 Smil Miau

忘了你的代碼？ –

請隨時添加您的代碼 – Bharat

這應該可以幫助你..

$('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>

來源

2016-09-28 12:46:10

我把我的代碼..我試着用

@SmilMiau更新了我的答案。嘗試這個！ –

當然可以，但我們真的不能告訴你的代碼，它並不難，但它需要一些時間來被做...

無論如何，如果你想要做這樣的事情，你應該看看AngularJS，這會比使用簡單的javasc更簡單（即使你可以在簡單的JS中做這樣的事情，這只是更困難。）

來源

2016-09-28 12:46:19 xoxel

好的，謝謝我會讀東西 –

@SmilMiau不要猶豫，我只使用JavaScript ...如果你能用JS做5行，Angular會在1行內完成。 – xoxel

這不是一個答案，請使用評論部分 – brk

創建一個函數來更新input。讓我們有三個按鈕有三個不同的值，&在它的點擊，值傳遞給輸入文本

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

來源

2016-09-28 12:51:11 brk

是否有可能做出這樣的事情？

回答

相關問題