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!

Wondering How to Build Resiliency in the Cloud?

IT leaders are choosing Splunk Cloud as an ideal cloud transformation platform to drive business resilience,  ...

Updated Data Management and AWS GDI Inventory in Splunk Observability

We’re making some changes to Data Management and Infrastructure Inventory for AWS. The Data Management page, ...

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...