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!

AppDynamics Summer Webinars

This summer, our mighty AppDynamics team is cooking up some delicious content on YouTube Live to satiate your ...

SOCin’ it to you at Splunk University

Splunk University is expanding its instructor-led learning portfolio with dedicated Security tracks at .conf25 ...

Credit Card Data Protection & PCI Compliance with Splunk Edge Processor

Organizations handling credit card transactions know that PCI DSS compliance is both critical and complex. The ...