Dashboards & Visualizations

Why do I get the previously inserted value when using JavaScript to read an input value?

andrewtrobec
Motivator

Hello,

I have a dashboard with a text input that has id "text_input".  With JavaScript I am listening to changes to that input, and when that happens I just want to read the new value into a variable.  Instead of reading the newly inserted value, though, it reads the previous value.  The following code gives an idea of what I am doing:

 

var def_tok = mvc.Components.get("default");
var sub_tok = mvc.Components.get("submitted");

...

$("#text_input").on('change', function () { 

	console.log("Change Detected");
	
	var sub_tok_input = sub_tok.get("text_input");
	var sub_tok_input_form = sub_tok.get("form.text_input");
	var def_tok_input = def_tok.get("text_input");
	var def_tok_input_form = def_tok.get("form.text_input");
	
	console.log("sub_tok_input: " + sub_tok_input);
	console.log("sub_tok_input_form: " + sub_tok_input_form);
	console.log("def_tok_input: " + def_tok_input);
	console.log("def_tok_input_form: " + def_tok_input_form);

});

 


When I fill in the first value from blank the first print reads blank instead of the value.  Then when I update the value it reads the first value, and so on...
 
What I am doing wrong and how can I ensure that I get the newly inserted value instead of the previously inserted one?
 
Thanks!

Andrew
Labels (1)
Tags (2)
Get Updates on the Splunk Community!

Data Management Digest – December 2025

Welcome to the December edition of Data Management Digest! As we continue our journey of data innovation, the ...

Index This | What is broken 80% of the time by February?

December 2025 Edition   Hayyy Splunk Education Enthusiasts and the Eternally Curious!    We’re back with this ...

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...