working with the HTML textbox onchange event with JavaScript
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onchange2
When you run it, it looks like this. So the textbox has the value Hello.
Now I type the word World in the textbox and click outside the textbox which fires the onchange event like this.
Is there a way to store the existing value of the textbox in a hidden field and also store the new text i typed in the textbox in a hidden field also, but separately.
So when I run the above example and then type World.
I want to store the existing value which is "Hello" in a hidden field called HiddenField1
and the new text that I typed in the textbox which is "World" in a hidden field called HiddenField2
What's the best way to do that?
For the first hidden field you could init it by default using the same default value of the text input, and for the second hidden field you must update the value every time the blur is triggered like :
document.querySelector('[name="txt"]').addEventListener('blur', function() {
document.querySelector('[name="HiddenField2"]').value = this.value;
});
Here is a working sample :
http://jsfiddle.net/z_acharki/qL5zn7wc/
I looked at your example that's close. The value stored in HiddenField1 is ok.
But I noticed the value being stored in HiddenField2 is the full string. I only want to store whatever I type in the texbox.
The texbox already contains "Hello" on page load.
So then if I type "testing 123" in the texbox after the word Hello , the only value I want saved in HiddenField2 is what I typed.
So HiddenField2 would contain the value "testing 123" not "Hello testing 123" like the fiddle is currently doing.
How do I revise it to do that?
Gain unlimited access to on-demand training courses with an Experts Exchange subscription.
Get AccessWhy Experts Exchange?
Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.
When asked, what has been your best career decision?
Deciding to stick with EE.
Being involved with EE helped me to grow personally and professionally.
Did You Know?
We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE
Ask ANY Question
Connect with Certified Experts to gain insight and support on specific technology challenges including:
- Troubleshooting
- Research
- Professional Opinions