Quick Search:
 
 JavaScript: Get and set select lists with Javascript Jump to:  
Category: >> JavaScript >> Get and set select lists with Javascript  

<< lastnext >>

Snippet Name: Get and set select lists with Javascript

Description: Simple functions to get and set select boxes. Super handy!

Comment: (none)

Language: JAVASCRIPT
Highlight Mode: JAVASCRIPT
Last Modified: February 27th, 2009

//setSelectedIndex(list, value)
// The setSelectedIndex(list, value) function sets 
// the active entry of the listbox (single selection) to the "value".
 
FUNCTION setSelectedIndex(list, value){
 
         // Parameters:
            // "list" is a listbox (<select ...>) object, list = <formname>.<listname>
            // "value" is the value to use to set the selectedIndex property
 
         // Behavior:
            // The selectedIndex is set to the item with value="value"
 
   FOR(i=0; i<list.length; i++){
      IF(list[ i].value == value){
         list.selectedIndex = i;
         BREAK;
      }
 
   }
}
 
EXAMPLE:
setSelectedIndex(document.editform.newsletter, "$name");
 
 
//getSelectedIndex(list, value)
// The getSelectedIndex(list, value) function gets 
// the selected entry of the listbox 
 
getSelectedIndex(list)
The getSelectedIndex(list) FUNCTION returns the value of the selection IN the listbox.
FUNCTION getSelectedIndex(list){
   FOR(i=0; i<list.length; i++){
      IF(list[ i].selected){
         RETURN list[ i].value;
      }
   }
}


 
   Home |    Search |    Code Library |    Sponsors |    Privacy |    Terms of Use |    Contact Us © 2003 - 2024 psoug.org