Dashboards & Visualizations

How do you populate dropdown via javascript?

bizsplunk
Engager

hi all,

can somebody help with populating a dropdown list via JavaScript? My goal is to pass search results to allow to choose it in dropdown "choices " list.

Thanks in advance.

code is like:

require([
        "splunkjs/mvc",
        "splunkjs/mvc/searchmanager",
        "splunkjs/mvc/dropdownview",
        "splunkjs/mvc/simplexml/ready!"
    ], function(
        mvc,
        SearchManager,
        DropdownView,
    ) {
    var ddsearch = new SearchManager({
            id: "ddsearch2",
            preview: true,
            cache: true,
            search: "| inputlookup earthquakes.csv | table Region | dedup Region | head 6"
        });

        var dropdown1 = new DropdownView({
            id: "dropdown1",
        labelField: "Region",
            valueField: "Region",
            default: "All",
            value: mvc.tokenSafe("$ddtok$"),
            el: $("#dropdown1")
        }).render();
    })
0 Karma

martin_mueller
SplunkTrust
SplunkTrust

SimpleXML can do this out of the box, via the graphical editor. If you like you can then inspect the generated JS code.

http://docs.splunk.com/Documentation/Splunk/7.2.1/Viz/FormEditor#Specify_dynamic_options

0 Karma

martin_mueller
SplunkTrust
SplunkTrust

You can inspect the generated JS code in a SimpleXML dashboard to see how Splunk's doing it.

0 Karma

bizsplunk
Engager

Hi,
the problem is that i`m trying to integrate third-part library and i use js stack and i need to do it via javascript. is there any way?

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!

Splunk Asynchronous Forwarding Explained

Splunk asynchronous forwarding is often misunderstood as simply setting autoLBVolume. That is not quite right. ...

55 Days to Go: Secure Your Seat at Splunk University in Denver

Your .conf26 Experience Starts Before Opening Keynote  If Denver is known for its mile-high elevation, Splunk ...

(re)Introducing the Splunk Community Champions + 2026 – 2027 Splunk MVPs ...

This program exists as a channel to empower and recognize Splunk advocates and help supercharge initiatives to ...