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
Get Updates on the Splunk Community!

Join Us for Splunk University and Get Your Bootcamp Game On!

If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...

.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!

.conf24 is taking place at The Venetian in Las Vegas from June 11 - 14. Continue reading to learn about the ...

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...