Solved: Re: 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.

Kick the Tires Before You Commit: A Hands-On Tour of the Splunk Observability Cloud ...

Deep insights, no barriers: Splunk Observability Cloud Free Edition

Monitoring AI Agents with Splunk Observability Cloud

Join the Conversation