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

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!