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
Post a Comment