Textarea value update not reflect in page_问答_开发者

Textarea value update not reflect in page

开发者 https://www.devze.com 2023-02-05 11:48 出处：网络

I\'m trying to update a textarea\'s value with Javascript. The code is similar to: console.warn(\"Before set, value is \" + document.getElementById(\'myTextArea\').value);

相关专题：javascript

I'm trying to update a textarea's value with Javascript. The code is similar to:

console.warn("Before set, value is " + document.getElementById('myTextArea').value);
document.getElementById('myTextArea').value = 'OMGWTFBBQ';
console.warn("After set, value is " + document.getElementById('myTextArea').value);

Although the Firefox and Chrome consoles show that the value property is updated, this is not reflected in the page its开发者_JAVA技巧elf.

The specific function is invoked from an onfocus handler of another element. The textarea itself is lazily initialised from the same method, by using:

var messageText = document.createElement('textarea');
messageText.id = 'myTextArea';
someParent.appendChild(messageText);

Obviously if I use the console rather than let the script run it does work.

Hmm after some testing, seems it should work like you want it to, so not sure why it doesn't, you can try to use the following instead though and see if it solves your problem:

console.warn("Before set, value is " + document.getElementById('myTextArea').value);
document.getElementById('myTextArea').firstChild.textContent = 'OMGWTFBBQ';
console.warn("After set, value is " + document.getElementById('myTextArea').value);

If this doesn't work for you either, then something about your page is very strange :)

Try something extremely simple like the following:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>

$(function(){
console.warn("Before set, value is " + document.getElementById('myTextArea').value);
document.getElementById('myTextArea').firstChild.textContent = 'OMGWTFBBQ';
console.warn("After set, value is " + document.getElementById('myTextArea').value);

});
</script>
</head>
<body>
<textarea id="myTextArea">hey</textarea>
</body>
</html>

if this works, then the browser is not at fault, and you need to find the problem in your code. If this doesn't work, you can blame the browser :)