jquery文本内容到输入框
时间: 2023-11-28 16:53:52 浏览: 30
要将 jQuery 中的文本内容复制到输入框中,可以使用以下代码:
HTML:
```
<p id="myText">这是一段文本。</p>
<input type="text" id="myInput">
```
jQuery:
```
var myText = $('#myText').text();
$('#myInput').val(myText);
```
这将从 `<p>` 元素中获取文本内容,并将其设置为 `<input>` 元素的值。
相关问题
jquery控制键盘上下左右显示文本内容到输入框
首先,需要给页面上的文本元素添加一个类名,以方便使用jQuery选择器进行操作。假设文本元素的类名为"text-box",输入框的id为"input-box",则可以使用以下代码:
```
$(document).keydown(function(e) {
var text = "";
switch(e.which) {
case 37: // left arrow key
text = $(".text-box").text();
break;
case 38: // up arrow key
text = $(".text-box").attr("alt");
break;
case 39: // right arrow key
text = $(".text-box").html();
break;
case 40: // down arrow key
text = $(".text-box").val();
break;
}
$("#input-box").val(text);
});
```
此代码为页面添加了一个keydown事件监听器,当用户按下键盘上的箭头键时,根据按键的方向选择相应的文本元素内容,并将其赋值给输入框的value属性,从而实现了控制键盘上下左右显示文本内容到输入框的功能。
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');
```