使用document.getElementById设置输入值不是真正的设置值
是因为该方法只是获取到了DOM元素的引用，并没有直接修改输入框的值。要真正地设置输入框的值，可以使用以下方法：
- 使用value属性：可以通过设置元素的value属性来修改输入框的值。例如，如果要将输入框的值设置为"Hello World"，可以使用以下代码：document.getElementById("inputId").value = "Hello World";其中，"inputId"是输入框的id。
- 使用setAttribute方法：可以使用setAttribute方法来设置输入框的值。例如，如果要将输入框的值设置为"Hello World"，可以使用以下代码：document.getElementById("inputId").setAttribute("value", "Hello World");同样，"inputId"是输入框的id。
需要注意的是，以上方法只是修改了输入框的值，而没有触发任何与输入框值改变相关的事件。如果需要触发相应的事件，可以使用dispatchEvent方法手动触发。
对于这个问题，腾讯云并没有特定的产品或者链接与之相关。
相关·内容
2回答
如果我在这个输入框中输入"x“，如何编码一个输入框，该输入框触发某个函数？(我使用的是HTML和JavaScript)
这是我尝试过的代码：
<form>
<input type="text" placeholder="Type " id="inputId_1"></input>
<button type="button" onclick="getInputValue();">Get Value</button>
</form>
&
浏览 0提问于2021-08-16得票数 0
回答已采纳
在通过inputbox进行编辑之后，value属性对html input标记是如何工作的？
示例：
<input type="text" name="test" id="test" value="Hello world" />
这将显示一个输入框，其中包含文本"Hello world“。如果我编辑它，将一个新字符串输入到呈现的文本框中(而不是通过原始代码)，然后尝试使用js获取他的值，如下所示
alert(document.getElementById('test').value)
我将正确地获
浏览 2提问于2013-02-15得票数 7
回答已采纳
1回答
当我在输入框上使用dispatchEvent触发focus事件时，它的onfocus会被调用，但在UI上，输入框不是焦点。这种行为有什么原因吗？
var test = document.getElementById("test");
test.onfocus = function(event) {
console.log('focused');
}
var e = document.createEvent('Event');
e.initEvent("focus", true, true);
test.dispatchEven
浏览 4提问于2011-07-05得票数 7
回答已采纳
2回答
当我在输入值中输入一个值时，我遇到了一些问题来改变输入值。
var t = document.createElement('div');
t.innerHTML = '<input type="text" id="myText">';
document.getElementById("news").appendChild(t);
var x = document.getElementById("myText").value; //Grabs the value of t
浏览 0提问于2019-08-27得票数 1
2回答
我有一个输入框
<input style="width: 570px;" id="storagememory" min="0" max="9999" type="text">
乍一看，它可能看起来很奇怪，因为其中有一个min和max。但是你看，我有下面的Javascript来改变它：
document.getElementById('storagememory').addEventListener('blur', function()
{document.getEleme
浏览 0提问于2015-04-24得票数 4
香草JavaScript
在vanilla JavaScript中，可以使用以下语句轻松地启用和禁用按钮：
button.disabled = state;
这在人类尝试单击按钮和以编程方式单击按钮时都有效：
var button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('world');
});
button.disabled = true;
button.click(); // No o
浏览 67提问于2016-08-06得票数 19
是否有一种标准的方法来捕获HTML输入元素值的所有更改，而不管它是由用户输入更改还是以编程方式更改？
考虑到以下代码(这纯粹是出于某种目的，而不是使用良好的编码实践编写的)，您可能会认为它是一些碰巧能够在某些web浏览器中运行的伪代码:P
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<script>
window.onload = () => {
var test = document.getEl
浏览 1提问于2019-03-25得票数 2
回答已采纳
下面的代码不起作用
<body>
<div id="demo"></div>
<input type="button" value="Click Here" onclick='()=>{document.getElementById("demo").innerText = "Hello World";}'>
<script type="text/javascript
浏览 1提问于2020-08-19得票数 1
回答已采纳
1回答
所以我在里有个代码。
最基本的是有一个简单的形式，有一个输入和一个按钮。按下按钮会将输入的当前值复制到标签上：
单击后：
html：
<input id="inputID" [(ngModel)]="inputValue" />
<button id="buttonID" (click)="set()">send</button>
<hr/>
<label> new Value: {{labelValue}} </label>
<hr
浏览 0提问于2018-07-02得票数 5
回答已采纳
在我的webcomponent中读取属性有问题。我不明白为什么不起作用。我创建了一个简单的示例，单击按钮后，我应该得到属性值，但它是空的。我不知道为什么？在我的其他测试中，setProperty工作正常，但是getProperty总是得到与我在setProperty中设置的值相同的值。我还尝试在浏览器中更改属性。在客户端更改值之后，也不会触发PropertyChangeListener。花很多时间在这上面。谁能告诉我发生了什么事吗？
HelloWorld.class
import com.vaadin.flow.component.DomEvent;
import com.vaadin.flo
浏览 2提问于2021-06-21得票数 3
回答已采纳
在Android WebView中加载以下代码时，不会执行Javascript。
只有在html中包含值为✓的输入框时，才会看到问题。请参考以下代码中的文本输入字段，名称为"utf8“。
此输入及其值由支付网关提供程序返回，它是其表单数据的一部分，需要提交到他们的域url以完成支付。因此，的值和html不能更改.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action=“” accept-
浏览 0提问于2019-02-05得票数 7
2回答
因此，我设法让*ngFor输出我的数据，但是，当我试图触发一个事件时，什么事情都没有发生。
这是我的HTML：
<ion-content padding class="home">
{{ searchString }}
{{ selectedOption }}
<ion-searchbar (keyup)="onKey(box.value)"></ion-searchbar>
<ion-list radio-group>
<ion-l
浏览 5提问于2016-07-13得票数 0
回答已采纳
环境：
只有JavaScript (没有jquery :( )
按钮单击事件处理程序不可更改。
如果textbox的值以编程方式更改，是否有一种方法可以侦听它？
<input type="button" id="button1" value="button" />
<input type="text" id="text1" />
var btn1 = document.getElementById('button1');
var txt1 = document.getEl
浏览 2提问于2017-06-22得票数 6
回答已采纳
3回答
这是我的代码。它适用于火狐、Chrome，但不适用于ie7。
arr为每行生成(数字+ 1) ..
$("#div-id1 a").attr("onclick", function (arr) {
return "document.getElementById('row1').value+=" + arr;
});
$("#div-id2 a").attr("onclick", function (arr) {
return "document.getElementById('
浏览 0提问于2011-07-23得票数 1
1回答
禁止用户键入输入
、、
我有input和一台button。单击该按钮时，应该会触发JavaScript。我需要限制输入，粘贴，删除...
当我给它设置disabled标签时，与它交互的JavaScripts不起作用。
<input disabled type="text" value="NOT BE CHANGED">
<button>Trigger some javascript</button>
在上试用一下
否则，如何限制input输入、粘贴、删除...但仍然可以与JavaScripts进行交互？
浏览 13提问于2020-03-06得票数 0
回答已采纳
我目前使用的是jQuery表单验证器()。我目前有三个输入框，接受一个电话号码(3个号码，3个号码，4个号码)。因为电话号码是可选的，所以所有三个输入框都是可选的(data-validation-optional = "true")。验证(确保只输入数字)适用于所有三个框，但我的问题是，验证插件不会检查以确保所有三个框都已填写。这是一个问题，因为用户可以填写一个框，但将其他两个框留空。
我可以解决这个问题的方法是，在提交表单时，检查所有三个框是否都有一个空字符串。如果是，则不做任何操作，但如果只提交了一个框，则将所有三个框都设置为必填框(data-validation-opti
浏览 0提问于2014-11-16得票数 0
我已经学习了大约一周的HTML和JavaScript，我想知道如何使文本出现在输入框下面的名字和姓氏，告诉用户，他们保留空白的时候，它是空白的，并提交。
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript">
function showInput() {
document.getElementById('displayname').innerHTML =
document.getEl
浏览 1提问于2018-04-18得票数 0
回答已采纳
有一个DOM节点(即：<p id="myNode">hello world</p>)和一个包含它的新替换项的原始字符串。
什么是有效实现…的好技术。
var rawReplacement = `<p id="myNode" updated=true foo="bar">hello world!!!</p>`
document.getElementById("myNode").outerHTML = rawReplacement
但实际上没有使用outerHTML (它将原始元素从DO
浏览 2提问于2016-09-13得票数 1
我有一个简单的双向绑定组件：
<input type="text" id="myInput" bind="@MyVar" />
...
@functions {
private string MyVar { get; set; } = "foo";
当我在输入框上写文本时，所有操作都很好。但是，如果输入值是从javascript设置的，那么blazor就无法检测到更改的值。
document.getElementById('myInput').value='Random Value&#
浏览 1提问于2018-08-08得票数 5
回答已采纳
5回答
有人知道为什么这不管用吗？当输入框处于活动状态时，我希望从输入框中更改标签的颜色。
JavaScript：
$("input").focus(function() {
var inputID = document.activeElement.id;
document.getAnonymousElementByAttribute('label','for', inputID).setAttribute('class', 'active');
});
HTML：
<label for="username&
浏览 0提问于2013-09-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
