| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/loose.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <script src="http://code.jquery.com/jquery-latest.js"></script> |
|---|
| 6 | |
|---|
| 7 | <script> |
|---|
| 8 | $(document).ready(function () { |
|---|
| 9 | $(':selected').each(function () { |
|---|
| 10 | alert ( $(this).val() ) |
|---|
| 11 | }) |
|---|
| 12 | }) |
|---|
| 13 | </script> |
|---|
| 14 | <style> |
|---|
| 15 | p { color:red; margin:4px; } |
|---|
| 16 | b { color:blue; } |
|---|
| 17 | </style> |
|---|
| 18 | <style>html,body{border:0; margin:0; padding:0;}</style></head> |
|---|
| 19 | <body> |
|---|
| 20 | <p></p> |
|---|
| 21 | <select id="single"> |
|---|
| 22 | <option>Single</option> |
|---|
| 23 | <option>Single2</option> |
|---|
| 24 | </select> |
|---|
| 25 | <select id="multiple" multiple="multiple"> |
|---|
| 26 | <option selected="selected">Multiple</option> |
|---|
| 27 | <option>Multiple2</option> |
|---|
| 28 | <option selected="selected">Multiple3</option> |
|---|
| 29 | </select> |
|---|
| 30 | </body> |
|---|
| 31 | </html> |
|---|