javascript - Dynamically change Dojo multiselect values -


i want add multiselect widget form set values. , when user clicks on button, values inside multiselect widget changes.

when form crashes.

this sample code issue:

 <script type="text/javascript" >     function test(){          var msobj = dijit.byid('ms1');         msobj.set('label', ['val1', 'val2']);      }     </script>  </head> <body class="claro">  <h2>multiselect test</h2> <h3>click on test button see new data loaded in multiselect widget</h3>     <div data-dojo-type="dijit/form/form" enctype="multipart/form-data"         action="" method="post">         <div data-dojo-type="dojox/layout/tablecontainer"             data-dojo-props="cols:1">              <select id="ms1" data-dojo-type="dijit/form/multiselect"                 title="multiselect123:" name="multi_select">                 <option value="english 123">english 123</option>                 <option value="1234.56">1234.56</option>             </select>            </div>     <br>     <button onclick="test()">test</button>  </body> 

the reason crash because on clicking button form gets submitted.
avoid submitting form need return false value in button click function. i.e

<button onclick="test(); return false;">test</button> 

also multiselect dojo widget not associated data store/object. per documentation wrapper on select html element.
result need use basic html/js code add , remove options widget.

check jsfiddle working example.


Comments

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

[C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -

ios - Possible to get UIButton sizeThatFits to work? -