javascript - 使用按钮自动填充文本框

Question

我正在开发一个 php 应用程序。这就是我正在尝试做的事情:

我有一个搜索框(文本框)和几个按钮。单击每个按钮时，我希望它用预定义的字符串填充搜索框。单击另一个按钮将删除搜索框中的内容，并将其值替换为其预定义的字符串。还有一个用于清除文本框的按钮。

示例:

Button 1
on click -> textbox value = button1 

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

任何人都可以指导我执行此操作的 JS 代码吗？谢谢!

Answer 1

将“按钮”类应用于每个按钮，并为每个按钮应用唯一的 ID。

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