是否有可能做出这样的事情？

-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

是否有可能做出这样的事情？

回答

相关问题