如何使用 jQuery 将值附加到输入字段

如果需要将值附加到输入字段中，可以使用 jQuery 中的 val() 方法和 append() 方法。

val() 方法

val() 方法用于设置或返回元素的值。当没有参数时，它返回该元素当前的值。当使用一个参数时，它会将该参数设为该元素的新值。

示例代码：

$('#myInput').val('new value');
var currentValue = $('#myInput').val();
console.log(currentValue);

在上面的示例中，我们首先使用 val() 方法将输入字段 #myInput 的值设置为 "new value"。然后，我们再次使用 val() 方法获取 #myInput 的当前值，并将其打印到控制台上。

append() 方法

append() 方法用于将指定的内容追加到选定元素的末尾。

示例代码：

$('#myList').append('<li>new item</li>');

在上面的示例中，我们使用 append() 方法将一个新的列表项 <li> 添加到列表 #myList 的末尾。

提示

如果您想在输入字段中附加文本内容，可以使用 val() 方法将输入字段的当前值作为前缀，然后再附加新值。

示例代码：

var currentValue = $('#myInput').val();
$('#myInput').val(currentValue + ' new value');

在上面的示例中，我们首先使用 val() 方法获取输入字段 #myInput 的当前值，并将其存储在变量 currentValue 中。然后，我们使用 val() 方法将 currentValue 和新值 "new value" 相结合，将结果设置为 #myInput 的新值。

以上是使用 jQuery 将值附加到输入字段的方法。