更改输入类型文本字段中的内容[重复]

Posted 2023-02-22

【中文标题】更改输入类型文本字段中的内容[重复]

【英文标题】：Change what is inside an input type text field [duplicate]

【发布时间】：2020-11-25 05:23:09

【问题描述】：

我有一个输入字段如下：

<input type="text" id="screen" maxlength="20">

当我输入它时，我看到了文字，但反映这一点的 html 没有变化。

如何使用 jQuery 更改此输入中的文本？

我尝试了以下方法，但没有成功：

document.getElementById('screen').innerHTML = "10";

【问题讨论】：

使用这个 => document.getElementById('screen').value = "10"; 或 jQuery => $('#screen').val("10");

感谢 AlwaysHelping，这正是我想要的

乐于助人。不用担心。

【参考方案1】：

使用val 方法：

$('#screen').val(10);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="screen" maxlength="20">

【参考方案2】：

这是一个较旧的示例，说明如何使用 JQuery 更改输入值：

jQuery change input text value

$('#screen').val('10');

其他使用原生 javascript，AlwaysHelping 是正确的

document.getElementById('screen').value = "10";

【参考方案3】：

设置 元素的“值”属性。

document.getElementById("screen").value = 10;

// or if you select the element with chrome dev tool
$0.value = 10

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#htmlattrdefvalue

【参考方案4】：

为此，您只需收听输入 cha

function updateInput(inputValue)
console.log("User Input",inputValue)

<input  type="text" name="myInput" oninput="updateInput(this.value)" />

nge 并在 HTML 上再次打印。