Hi
Try this and adjust the width as per your need
<form script="size.js">
<label>multiselect</label>
<fieldset submitButton="false">
<input type="multiselect" token="field1" id="rk">
<label>field1</label>
<choice value="L1">L1</choice>
<choice value="L2">L2</choice>
<choice value="L3">L3</choice>
<delimiter> </delimiter>
</input>
<input type="multiselect" token="field2">
<label>field2</label>
<choice value="fdgsfdg">dfsdf6575675675675</choice>
<delimiter> </delimiter>
</input>
</fieldset>
<row depends="$hide$">
<panel>
<html>
<style>
#rk div[data-component="splunk-core:/splunkjs/mvc/components/MultiDropdown"]{
width:70px !important;
}
</style>
</html>
</panel>
</row>
</form>
js:
require([
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
], function($, mvc){
$( "#rk" ).click(function() {
$('[class*="ResultsMenuStyles"]').each(function() {
$(this).attr('style','width:70px');
});
});
});
