Join the Conversation
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- how to clear dropdown box?
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
how to clear dropdown box?
hi,
how to clear dropdown box? . i have 2 dropdown box related i need to reset or clear the second one on the change off the first one.
regrads,
Elias
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@cssmdi, @eliasabouhamad
On change of value of the main dropdown, set both the depended dropdown token and its corresponding form token as well. Following is a run anywhere example:
The <change> event handler for Dropdown 1 updates both the token and form token for Dropdown2
<change>
<set token="form.tokDropdown2">$value$</set>
<set token="tokDropdown2">$value$</set>
</change>
Please try out and confirm!
<form>
<label>Clear Dropdown 2 Selection On Change of Dropdown 1</label>
<fieldset submitButton="false">
<input type="dropdown" token="tokDropdown1" searchWhenChanged="true">
<label>Dropdown 1</label>
<choice value="a">Alpha</choice>
<choice value="b">Beta</choice>
<choice value="c">Charlie</choice>
<change>
<set token="form.tokDropdown2">$value$</set>
<set token="tokDropdown2">$value$</set>
</change>
<default>a</default>
</input>
<input type="dropdown" token="tokDropdown2" searchWhenChanged="true">
<label>Dropdown 2</label>
<choice value="a">Apple</choice>
<choice value="b">Banana</choice>
<choice value="c">Cucumber</choice>
<default>a</default>
</input>
</fieldset>
<row>
<panel>
<html>
<div>Dropdown 1: $tokDropdown1$</div>
<div>Dropdown 2: $tokDropdown2$</div>
</html>
</panel>
</row>
</form>
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi niketnilay
Works like a charm. Thank you very much!!
I missed the <set token="form.tokDropdown2">value_to_set</set>
It is hard to find this form.tokenname in the documentation.
Kind regards
Matthias
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@cssmdi I know that you have not posted the Question so you can not accept the answer. But do up vote the answer/comments that helped 🙂
Do try and get the Splunk Dashboard Examples App which has several everyday use case examples including those for Drilldown, Cascaded Dropdown and Tokens etc.
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi
No chance to do this with simple XML and without HTML and JavaScript?
Regards
Matthias
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I solved a similar problem using this javascript:
require([
'splunkjs/ready!',
'splunkjs/mvc/textinputview',
'splunkjs/mvc/dropdownview'
],
function(mvc) {
var input1 = mvc.Components.get('input1');
var input2 = mvc.Components.get('input2');
input1.on('change', function() {
input2.val(undefined);
});
});
Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!
Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.
Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas
What Is the Name of the USB Key Inserted by Bob Smith? (BOTS Hint, Not the Answer)
Automating Threat Operations and Threat Hunting with Recorded Future
