Getting Data In

How to clear text input after submitting?

clairebesson
Explorer

Hi everyone,

I have created a drop-down linked with text input. I am able to search by field1, field2, field3. However, I have an issue to clear text input after submitting:

For example:
1) I enter a text in “search by field1” and submit.
2) It displays the line
3) I go on “Search by field2”
4) I return on “Search by field1” and the text that I have written at 1) is still in the text input

I want that when I return in "Search by field1", the text was cleared and displays the default value *.
I tried to create a clear button but didn’t work:
I add this to my code :

<html>
      <input type="button" value="Clear" id="clear></input>
      </html>

and the javascript function clear.js :
var input = document.querySelector('#clear');
var textarea = document.querySelector('#output');

input.addEventListener('click', function () {
    textarea.value = '';
}, false);

Is there another way to clear text input ? Could you please help me with that ?
Thanks in advance

Tags (4)
0 Karma

bmacias84
Champion

I would recommend reviewing the component reference for Splunk Web. Using Javascript you can select splunk object by id and most Splunk objects how multiple event listeners.

//using TextInputView and MultiDropdownView

var hostInput = splunkjs.mvc.Components.getInstance("host-input");
var dropdownManager = splunkjs.mvc.Components.getInstance("multidropsearch1");

dropdownManager.on('change', function() {
  hostInput.settings.set("value", '')
})

This is only a snippet. If you want to add an event listener I would start by extending backbone object to added an on click event. Just the on change should meet your need.

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!

Index This | What travels the world but is also stuck in place?

April 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Realizing the full potential of your Splunk investment requires more than just understanding current usage; it ...

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

As data volumes continue to grow and environments become more distributed, managing and optimizing data ...