Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Attaches a change event to the select that gets the text for each selected option

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){                              $("select").change(function () {                   var str = "";                   $("select option:selected").each(function () {                         str += $(this).text() + " ";                       });                   $("div").text(str);                 })                 .change();         });     </script>   </head>   <body>     <body>         <select name="sweets" multiple="multiple">             <option>A</option>             <option selected="selected">B</option>             <option>C</option>             <option selected="selected">D</option>             <option>E</option>             <option>F</option>           </select>           <div></div>     </body> </html>