Javascript 用按钮图像填充表单文本字段

我在这里看到了这个问题/答案

这基本上实现了我想要的功能，但是我不想使用单选按钮，而是想使用我自己的图像作为按钮，因此您单击图像“标记”，然后它将灰显/变为几乎透明，并将填充表单字段

这是一个搜索表单，所以人们可以点击一个写着“餐馆”的按钮，然后在表单字段中填入餐馆，如果他们愿意，他们仍然可以在主搜索字段中键入内容，但这只是为了给用户提供更多的指导

如果没有javascript我们能做到这一点，那就太棒了，但我可能看不到这一点

希望它相对简单

提前谢谢

几处变化，你就可以走了

HTML 点击

享受：）

Html:

 <fieldset data-role="controlgroup" data-type="horizontal">
    <div>
    <img class="stam" alt="Resturant" src="img1.jpg"/>

    <img class="stam" alt="Gym" src="img2.jpg"/>        

    </div>
</fieldset>       
<br>
<form>
    <input type="text">
</form>

$('.stam').on('click', function() {
    $('input[type="text"]').val($(this).attr("alt"));

});

---

那么你现在有什么代码？什么不起作用了？不说就否决使用jQuery；）问题是“如果可能的话，没有JS”，所以添加jQuery会增加很多东西。很抱歉这么长时间没有回复！它看起来真的很好，我和小提琴似乎工作得很完美！我会测试一下，让你知道谢谢！现在有没有人能向我解释这里到底发生了什么？比如字段集的用途和数据类型等。再次感谢：）它成功了！有一点麻烦，因为我的公司决定使用的CMS令人震惊，但工作围绕它和它美丽的谢谢你。另一个问题，如何使这个字段对单个字段唯一，我将有3个字段，地点类型（这一个）和英里数（城市半径），我只想填充第一个搜索字段。为了使它对特定字段唯一，我使用了#mycustomid而不是输入[type=“text”]

 <fieldset data-role="controlgroup" data-type="horizontal">
    <div>
    <img class="stam" alt="Resturant" src="img1.jpg"/>

    <img class="stam" alt="Gym" src="img2.jpg"/>        

    </div>
</fieldset>       
<br>
<form>
    <input type="text">
</form>

$('.stam').on('click', function() {
    $('input[type="text"]').val($(this).attr("alt"));

});