Question

我有一个文本框，有人可以写一些文字发给我。我想在页面上放置一些按钮，其中包括＆＃34;！＆＃34;，＆＃34; XD＆＃34;和＆＃34;＃＆＃34;。例如，当有人点击时，＆＃34;！＆＃34;按钮，＆＃34;！＆＃34;应插入文本框。我怎么能这样做？

Port

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，这对你来说比使用简单的javascript要简单得多（即使你可以在简单的JS中做这样的事情，它＆＃39 ; s更加困难。）

Answer 3

创建一个更新input的函数。让三个按钮有三个不同的值，＆amp;单击它，将值传递给输入文本

<强> 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

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

3 个答案: