javascript - get all selected values from ListBox (client side) -


i'm trying implement custom validator in javascript vb.net page. validator should check if in multichoice listbox there aren't selected values, showing error pop if so.

the thing is, want client side, in 'validatefunction' function last selected (or unselected, if selected already) item. know how in code-behind code, want client-side.

aspx code:

 <asp:listbox id="lbedit" runat="server" selectionmode="multiple">  </asp:listbox>  <asp:customvalidator id="cvedit" runat="server" display="none" controltovalidate="lbedit" clientvalidationfunction="validatefunction"/>  <ajax:validatorcalloutextender runat="server" id="vceedit" targetcontrolid="cvedit" /> 

javascript code:

 function validatefunction(source, arguments) {         var options = document.getelementbyid(source.controltovalidate).options;             (var = 0; < options.length; i++) {                 if (options[i].selected == true) {                     args.isvalid = true;                     return;                 }             }             args.isvalid = false;  } 

as said, since last (un)selected item 1 selected in 'options' array, validating function return true...

i thought of populating array in javascript function 'true selected array' , compare values selected option each time function fires.. think there should better way.

so... there straight forward way selected items multichoice listbox in javascript?

your question bit unclear, , function seems working, answer here last part of question so... there straight forward way selected items multichoice listbox in javascript?

try js function

<script type="text/javascript">         function validatefunction() {             var options = document.getelementbyid('<% = this.lbedit.clientid %>').options;             var selecteditems;             (var = 0; < options.length; i++) {                 if (options[i].selected == true) {                     if (selecteditems) {                         selecteditems = selecteditems + ";" + options[i].value;                     }                     else {                         selecteditems = options[i].value;                     }                 }             }             if (selecteditems) {                 alert(selecteditems);                 return true;             }             else {                 alert("no item selected");                 return false;             }         }     </script> 

and aspx code, removed validator

 <asp:listbox id="lbedit" runat="server" selectionmode="multiple" >  </asp:listbox>     <asp:button id="test" runat="server" text="send"  onclientclick="return validatefunction();"/> 

in developer tools of browser can see detailed information properties of object

enter image description here


Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -