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)
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

test 2

test 222222

test

test

Join the Hackathon at .conf26 and build a No-Code AI agent

Join us for the AI Agent Buildathon, an in-person, three-hour hands-on Hackathon where you’ll use Splunk Agent ...