Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Comments on Why would a form value inserted with value property won't be effective?

Post

Why would a form value inserted with value property won't be effective? [closed]

+0
−3

Closed as unclear by Alexei‭ on Dec 1, 2021 at 13:38

This question cannot be answered in its current form, because critical information is missing.

This question was closed; new answers can no longer be added. Users with the reopen privilege may vote to reopen this question if it has been improved or closed incorrectly.

In a website I didn't build, I want to put a value in an HTML input field element with JavaScript and to also use it as-putted.

I can put it with the browser console this way:

document.querySelector("#example").value = "X";

But, the value isn't effective (isn't recognized by the form) unless actually typed with the keyboard or pasted.

What may cause that problem?

History
Why does this post require attention from curators or moderators?
You might want to add some details to your flag.
Why should this post be closed?

2 comment threads

Well, you didn't provide any context on what HTML document / website you are actually trying this... (2 comments)
Maybe - and that's a *wild guess* - the JavaScript code is running before the HTML is loaded, and it ... (3 comments)
Maybe - and that's a *wild guess* - the JavaScript code is running before the HTML is loaded, and it ...
hkotsubo‭ wrote about 3 years ago

Maybe - and that's a wild guess - the JavaScript code is running before the HTML is loaded, and it can't find the input field. Check if the script tag is before the form and change it to be after. Or add an event listener to run after the page is loaded:

document.addEventListener("DOMContentLoaded", function(event) { 
  // your code here
});

But as I said, I'm just guessing, it'd be nice to see the HTML to confirm that

deleted user wrote about 3 years ago

hkotsubo‭

I already tried that before asking the question from a user script manager (I also tried listening to the load event) but it didn't help.

Even if I put the value directly after everything was loaded via the browser console, the problem persists so something prevents the value from being recognized, if not typed manually.

hkotsubo‭ wrote about 3 years ago

deleted user Could you add a link to the website, so we can at least check the HTML and try to see what the problem is? Because your code should work. Just double checking the basic stuff: what does document.querySelector("#example") return? When you run your code, does any error message appear in the console? etc. With the information provided so far, it's hard to guess, or even reproduce the problem...