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!

Continue Your Federation Journey: Join Session 3 of the Bootcamp Series

To help practitioners build a stronger foundation, we launched the Data Management & Federation ...

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Casting Call: Compete in Cyber Games

Lights, Camera, SecOps: Apply to Compete in Cyber Games     Think you have what it takes to beat the clock? ...