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!

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Splunk introduced persistent queueing at the tcpout layer as one of the most practical resilience features in ...

Catalog Is Now Generally Available on Splunk Cloud Platform

A Unified View of Your Data  Security logs, application events, business data, and historical telemetry often ...

Your Path to AgenticOps: AI Experiences for Every Splunk Practitioner

Your Path to AgenticOps: AI Experiences for Every Splunk Practitioner   Watch on demand us for a demo-driven ...