javascript - 单击时向输入字段添加值

Question

我在表单上有这个结构，

<input type="test" value="" id="username" />

<span class="input-value">John Smith</span>

<a href="#" class="fill-input">Fill Input</a>

当用户点击 Fill Input 时，

来自具有类 input-value 的 span 的数据将被添加到 value，点击标签后代码应该是这样的，

 <input type="test" value="john Smith" id="username" />

    <span class="input-value">John Smith</span>

    <a href="#" class="fill-input">Fill Input</a>

单个页面上有很多表单元素/输入。

Answer 1

你可以这样做:

$('a.fill-input').click(function() {
   $(this).prevAll("input:first").val($(this).prev(".input-value").text());
});

它不是只查找类，而是查找您单击按钮之前的跨度和输入...这意味着无论您在页面上有多少这样的内容，它都能正常工作。

虽然与您的示例不同，该值将是 John Smith，其大小写与 span 中的大小写相同，如果您确实想要小写，请更改 .text() 到 .text().toLowerCase()。