Javascript 使用按钮自动填充文本框

我正在开发一个

php

应用程序。以下是我想做的：

我有一个

搜索框

（

文本框

）和几个

按钮

。单击每个

按钮

，我希望它用预定义的字符串填充

搜索框

。单击另一个

按钮

将删除

搜索框中的内容

，并用其预定义字符串替换其值。还有一个清除文本框的按钮

例如：

Button 1
on click -> textbox value = button1 

Button 2 
on click -> textbox value = button2 (old value is replaced)

---

有人能用JS代码来指导我吗？谢谢

对每个按钮应用“button”类，并为每个按钮应用唯一id

$(".button").click(function(){
     var id = this.id;
     $('#searchTextId').val($('#'+id).attr('value'));
});

函数setText（obj）{
var val=目标值；
document.getElementById（'textBox'）。value=val；
}

此处测试：

$（文档）.ready（函数（）{
$（文档）。在（'单击'，'上。单击我'，函数（e）{
e、 预防默认值（）；
var search_val=$（this.attr（'data-value'）；
$（'.text_search'）.val（search_val）；
});
$（文档）.on（'click'，'clear_me'，函数（e）{
$（'.text_search'）.val（''）；
});
});

显示您尝试过的代码。这很简单。试一试当你说“用JS代码指导我…”你的意思是“为我提供JS代码”？我想我只是在试了一些之后回答了我自己的问题！我会把答案贴在这里。@Rasclatt为什么每个人都这么认为？这是不对的。你不应该回答。如果您提供现成的代码，用户将不会尝试。谢谢。我也刚刚发布了我的代码（答案）。虽然使用getElementById有点不同，但我已经回答了自己的问题。我更喜欢这个。非常感谢。
<script>
function setText(obj) {
var val = obj.value;
document.getElementById('textBox').value = val;
}
</script>

<input type="button" name="btn1" id="btn1" value="Hello" onclick="setText(this)">

<input type="button" name="btn1" id="btn1" value="World" onclick="setText(this)">

<input type="button" name="btn1" id="btn1" value="StackOverflow" onclick="setText(this)">

<input type="text" name="textBox" id="textBox" value=""/>