gpt4 book ai didi

javascript - 从当前单击的按钮的值,jquery/js 中插入文本到输入占位符

转载 作者:行者123 更新时间:2023-11-30 14:32:32 24 4
gpt4 key购买 nike

我正在努力实现的目标

enter image description here

以图片作为引用,我想要按下按钮以将其值(在本例中为字母“D”)发送到输入占位符内的黄色文本区域。

单击“D”按钮后的一个工作示例将在输入字段中显示“在字母‘D’中搜索标题或作者...”

问题将是:使用 jquery/js 我怎样才能将点击的字母放到搜索输入的占位符上?

我尝试过的

为了实现这一目标,我同时尝试了 jQuery 和 JavaScript。但似乎我仍然在这里遗漏了一些东西。

JS:

onclick = function(){
document.getElementById("#myInput").placeholder = "Search for a title or an author within the letter "+this.dataset.letter;

jQuery:

$(".letters").click(function(){
var inputText = $(".letters").val();
$("#myInput").attr("placeholder", "Search for a title or an author within the letter").val(inputText).focus().blur();
});

我能提供什么

如果相关的话,我的按钮是使用 jQuery 从数据集创建的,就像这样。

var letters = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];

for (var i in letters){
$("#letterlinks").append('<button class="table-sort letters" id="#letters" href="%">' + letters[i]);
$(".table-sort.letters").on('click', function(){
$(".table-sort.letters.selected").removeClass('selected');
$(this).addClass('selected');
});
}

html:

<div class="table-search">
<input type="text" id="myInput" onkeyup="searchInput()" placeholder=""><span class="icon"><i class="fa fa-search"></i></span></input>
</div>

如果您需要任何其他信息,我会尽快为您提供。感谢您提前抽出时间!

最佳答案

使用事件获取被点击按钮的对象。

$(".table-sort.letters").on('click', function(event) {
$(".table-sort.letters.selected").removeClass('selected');
$(this).addClass('selected');

$("#myInput").attr("placeholder", "Search for a title or an author within the letter " + event.target.innerText);
});

关于javascript - 从当前单击的按钮的值,jquery/js 中插入文本到输入占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50953805/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com