Dashboards & Visualizations

Can I use JavaScript to call the selectFirstChoice property for a dropdown?

andrewtrobec
Motivator

Hello,

I'm looking to force a dropdown to revert to its first choice using JS. I already have a dropdown on my dashboard with id dropdown, but I don't know how to select it and set the selectFirstChoice property with JS. I've found examples that show how to create a new dropdown input, but in my case I have an existing one and I'm just trying to set selectFirstChoice to true.

Is it possible to do this?

Thanks!

Andrew

Labels (1)
0 Karma
1 Solution

vnravikumar
Champion

Hi

Check this sample

<form script="dp.js">
  <label>dropdown_js</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="choice" id="dp">
      <label>field1</label>
      <choice value="one">one</choice>
      <choice value="two">two</choice>
    </input>
  </fieldset>
</form>

js:

require([
"jquery", 
"splunkjs/mvc", 
"splunkjs/mvc/simplexml/ready!"], function($, mvc) {

var dropdown = splunkjs.mvc.Components.get("dp");
dropdown.settings.set("selectFirstChoice",true);
});

View solution in original post

vnravikumar
Champion

Hi

Check this sample

<form script="dp.js">
  <label>dropdown_js</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="choice" id="dp">
      <label>field1</label>
      <choice value="one">one</choice>
      <choice value="two">two</choice>
    </input>
  </fieldset>
</form>

js:

require([
"jquery", 
"splunkjs/mvc", 
"splunkjs/mvc/simplexml/ready!"], function($, mvc) {

var dropdown = splunkjs.mvc.Components.get("dp");
dropdown.settings.set("selectFirstChoice",true);
});

andrewtrobec
Motivator

@vnravikumar this is exactly it! Thank you so much! I was almost there. For anyone who is interested, I was reading this documentation: https://docs.splunk.com/DocumentationStatic/WebFramework/1.2/compref_dropdown.html

0 Karma
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!

Meet the .conf26 AI Agent Buildathon Winners

At the .conf26 AI Agent Buildathon, Splunk users turned their operational expertise into working AI agents ...

Trusted Autonomy in the SOC: A Maturity Journey

AI is compressing attacker timelines and pushing SOC teams beyond human capacity thresholds. The next SOC ...

Supercharging Windows Security Detection Performance: Introducing Hybrid Field ...

Windows event logs—from Security auditing and Sysmon to PowerShell script blocks—form the operational backbone ...