Solved: Multiselect clear selections

mwdbhyat · ‎02-17-2020

Hi there,

How can I clear all of the selected options in a multiselect with one click? Is there a way to make it "reset" the entire box if I want to?

Thanks!

vnravikumar · ‎02-17-2020

Hi

Try this

<form script="reset.js">
  <label>resetbutton</label>
  <fieldset submitButton="false">
    <input type="multiselect" token="field1">
      <label>field1</label>
      <choice value="one">One</choice>
      <choice value="two">Two</choice>
      <choice value="three">Three</choice>
    </input>
    <html>
      <input type="button" id="reset" value="Reset"/>
    </html>
  </fieldset>
</form>

Javascript:

require([
     'jquery',
     'splunkjs/mvc',
     'splunkjs/mvc/simplexml/ready!'
 ], function($, mvc) {
      var tokens = mvc.Components.get("default");
     $("#reset").click(function(){
      tokens.unset("form.field1");
    });

 });

View solution in original post

vnravikumar · ‎02-17-2020

Hi

Try this

<form script="reset.js">
  <label>resetbutton</label>
  <fieldset submitButton="false">
    <input type="multiselect" token="field1">
      <label>field1</label>
      <choice value="one">One</choice>
      <choice value="two">Two</choice>
      <choice value="three">Three</choice>
    </input>
    <html>
      <input type="button" id="reset" value="Reset"/>
    </html>
  </fieldset>
</form>

Javascript:

require([
     'jquery',
     'splunkjs/mvc',
     'splunkjs/mvc/simplexml/ready!'
 ], function($, mvc) {
      var tokens = mvc.Components.get("default");
     $("#reset").click(function(){
      tokens.unset("form.field1");
    });

 });

mwdbhyat · ‎02-17-2020

Thanks that works too!

kamlesh_vaghela · ‎02-17-2020

@mwdbhyat

You have to just unset that input.

Like, if XML

<unset token="multiselect_token"></unset>

Ref: https://conf.splunk.com/files/2017/slides/tokens-in-splunk-web-framework-use-abuse-and-incantations....

Using Javascript:

 var defaultTokenModelun = mvc.Components.getInstance('default', {create: true});
 var submittedTokenModelun = mvc.Components.getInstance('submitted', {create: true});

 function unsetToken(name) {
     defaultTokenModelun.unset(name);
     submittedTokenModelun.unset(name);
 }

 $(document).on("click", "#ButtonId", function() {
         unsetToken("multiselect_token")
 });

mwdbhyat · ‎02-17-2020

Thanks both worked!

Multiselect clear selections

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.

Splunk Asynchronous Forwarding Explained

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

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

Join the Conversation