Javascript Jquery将按钮值中的字符串添加到输入字段中

我试图从按钮中添加一些字符串，这些字符串在输入字段中有值，但不起作用

这是jquery代码，有人能修复它吗

<script type="text/javascript">
$(function () {
    $('#button1').on('click', function () {
        var text = $('#kategori');
        text.val(text.val() + $('#button1')(text.val());    
    });
});
</script>

$（函数（）{
$（'#button1'）。在（'click'，函数（）{
var text=$（“#kategori”）；
text.val（text.val（）+$（'#button1'）（text.val（））；
});
});

这里是html+php代码

<div class="form-group">
<label for="kategori">
Kategori:
</label>
<input type="text" class="form-control" id="kategori" name="kategori" />
</div>

<?php $query = $this->db->query("SELECT * from kategori_elibrary"); 
$hasil = $query->result();

?>

<div class="btn-group">

<?php
        foreach($hasil as $row){

 echo '<button type="button" class="btn btn-primary" id="button1" value="'.$row->kategori.'">'.$row->kategori.'</button>';
   } ?>

</div>

卡泰戈里：

您是否需要这样做：单击时将按钮文本添加到文本框中。应用

$（this）.html（）

按钮值添加到文本框中

$（'#button1'）。在（'click'，函数（）{
$（'#kategori'）.val（$（'#kategori'）.val（）+$（this.html（））；
})；

卡泰戈里：
之前

您是否需要这样做：单击时将按钮文本添加到文本框中。应用

$（this）.html（）

按钮值添加到文本框中

$（'#button1'）。在（'click'，函数（）{
$（'#kategori'）.val（$（'#kategori'）.val（）+$（this.html（））；
})；

卡泰戈里：
之前

卡泰戈里：
1.
$（函数（）{
$（'#button1'）。在（'click'，函数（）{
var text=$（“#kategori”）；
text.val（text.val（）+$（'#button1'）.val（））；
});
});
2.
$（函数（）{
$（'#按钮2'）。在（'单击'，函数（）{
var text=$（“#kategori”）；
text.val（text.val（）+$（'#button2'）.val（））；
});
});

卡泰戈里：
1.
$（函数（）{
$（'#button1'）。在（'click'，函数（）{
var text=$（“#kategori”）；
text.val（text.val（）+$（'#button1'）.val（））；
});
});
2.
$（函数（）{
$（'#按钮2'）。在（'单击'，函数（）{
var text=$（“#kategori”）；
text.val（text.val（）+$（'#button2'）.val（））；
});
});

借助数据属性，按钮标记如下所示：

<button type="button" class="btn btn-primary" id="button1" data-value="Food">
    Food
</button>

卡泰戈里：
食物
工具
借助数据属性的帮助，按钮标记如下所示：

<button type="button" class="btn btn-primary" id="button1" data-value="Food">
    Food
</button>


卡泰戈里：
食物
工具
任何东西
$（'.button input'）。打开（'click'，函数（）{
$（'#kategori'）.val（$（this.val（））；
}）；

卡泰戈里：

$（'.button input'）。打开（'click'，函数（）{
$（'#kategori'）.val（$（this.val（））；
}）；

卡泰戈里：
您在按钮中存储了什么值？$row->kategori它返回什么？最好使用按钮的数据属性将$row->kategoriput脚本存储在foreach中loop@billy尝试下面给出的答案，但在类上写下你们的按钮点击事件（不要使用ID属性），并将您的$row->kategori值存储到数据属性。进行这两项更改以满足您的要求。下面的答案是可行的，但仅适用于foreach循环上的第一个按钮。您在按钮中存储的值是什么？$row->kategori返回的值是什么？最好使用按钮的数据属性将$row->kategoriput脚本存储在foreach中loop@billy在给定答案下面尝试，但在类上写下您的按钮单击事件（不使用ID属性），并将$row->kategori值存储到data属性。进行这两项更改以满足您的要求。下面的答案是可行的，但仅适用于foreach循环上的第一个按钮答案是可行的，但仅适用于foreach循环上的第一个按钮。是否仍要适用于下一个按钮？每个按钮是否针对相同的输入文本？否，每个按钮都有ir自身值，基于“$row->kategori.”我的意思是它们是否针对相同的输入元素？？就像在上面的示例中，只针对id
kategori
的输入？答案是“工作”，但只对foreach循环的第一个按钮起作用。是否仍要对下一个按钮起作用？每个按钮是否针对相同的输入文本？不，每个按钮都有自己的vvalue，基于“$row->kategori.”我的意思是它们是否以相同的输入元素为目标？？就像在上面的示例中，只以id
kategori
的输入为目标？