jquery function点击方法连续添加input里的文本内容
时间: 2023-12-03 21:05:30 浏览: 29
你可以使用以下代码来实现:
```javascript
$(document).ready(function() {
$('.button-class').on('click', function() {
var text = $('.input-class').val();
$('.output-class').text($('.output-class').text() + text);
});
});
```
这段代码会监听名为 `button-class` 的按钮的点击事件,获取输入框中的文本内容,然后将其添加到名为 `output-class` 的元素中已有的文本内容后面。这样,每次点击按钮时,都会将输入框中的文本添加到输出框中,从而实现连续添加的效果。
注意:在这个例子中,我们假设你已经有一个名为 `input-class` 的输入框和一个名为 `output-class` 的元素。如果没有,请在代码中将它们替换为你实际使用的类名或 ID。
相关问题
jquery function连续添加input里的文本内容
你可以使用以下代码来实现:
```javascript
$(document).ready(function() {
$('.input-class').on('input', function() {
var text = $(this).val();
$('.output-class').text($('.output-class').text() + text);
});
});
```
这段代码会监听名为 `input-class` 的输入框的输入事件,获取输入框中的文本内容,然后将其添加到名为 `output-class` 的元素中已有的文本内容后面。这样,每次输入框中有新的文本输入时,都会将其加入到输出框中,从而实现连续添加的效果。
jquery function添加input文本内容
您可以使用 jQuery 的 `val()` 函数来设置输入框的文本内容。例如,如果您有一个 id 为 `myInput` 的输入框,您可以使用以下代码将文本内容设置为 `"Hello World"`:
```javascript
$('#myInput').val('Hello World');
```
如果要将输入框中原有的文本内容与新的内容合并起来,您可以先获取输入框中的文本内容,然后将新的内容添加到末尾,最后再将更新后的文本内容设置回输入框中。例如,以下代码将在输入框中追加 `"Hello World"`:
```javascript
var originalText = $('#myInput').val();
$('#myInput').val(originalText + 'Hello World');
```