Question

所以我想说我有一个像这样的图像标签：

我还有一个像这样的输入标签：

那么我想要做的是在点击时将我的图片标签的id插入我的输入中。就像这样:(描述但它不能正常工作）：

$("#Feelsbadman").click(function(){
    $("#type").val(this.id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id = "Feelsbadman" src='https://cdn.betterttv.net/emote/566c9fc265dbbdab32ec053b/1x' class = "emotes">
 <input type="text" name="message" id = "type" autocomplete="off" placeholder="type your chat message" required>

更喜欢jquery解决方案，但javascript也可以：）

Answer 1

您只需使用点击处理程序的ID设置输入值。

$("#Feelsbadman").click(function(){
    $("#type").val(this.id);
});

Answer 2

使用jquery方法val（）插入值：

$("#Feelsbadman").click(function(){
    $("#type").val($(this).attr('id'));
});

Answer 3

如果要将图像标记ID设置为输入值，请使用

$("#Feelsbadman").click(function(){
    $("#type").val($(this).attr('id'));
});

从img插入到点击输入的ID

3 个答案: