01.<html>
02.<head>
03.<title>ThaiCreate.Com jQuery Tutorials</title>
04.<style>
05. p { color:red; margin:4px; }
06. b { color:blue; }
07.</style>
08.<script type="text/javascript" src="jquery-1.6.4.js"></script>
09.<script type="text/javascript">
10. $(document).ready(function(){
11.
12. function displayVals() {
13. var singleValues = $("#single").val();
14. var multipleValues = $("#multiple").val() || [];
15. $("p").html("<b>Single:</b> " +
16. singleValues +
17. " <b>Multiple:</b> " +
18. multipleValues.join(", "));
19. }
20.
21. $("select").change(displayVals);
22. displayVals();
23.
24. });
25.</script>
26.</head>
27.<body>
28.
29. <p></p>
30. <select id="single">
31. <option>Single</option>
32. <option>Single2</option>
33.
34. </select>
35. <select id="multiple" multiple="multiple">
36. <option selected="selected">Multiple</option>
37. <option>Multiple2</option>
38.
39. <option selected="selected">Multiple3</option>
40. </select>
41.
42.</body>
43.</html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน 
