<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <table><tr><td width="380">Please input something:<input type="text" id="entryText" /></td> <td width="100"><input type="button" value=">>" id="add2DropDown" /></td> <td> <select name="newDropDown" id="newDropDown"> </select> </div> <script> $("#add2DropDown").click(function(){ var value = $("#entryText").val() $("#newDropDown").append("<option value="+value+">"+value+"</option>"); }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <table><tr><td width="380">Please input something:<input type="text" id="entryText" /></td> <td width="100"><input type="button" value=">>" id="add2DropDown" /></td> <td> <select name="newDropDown" id="newDropDown"> </select> </div> <script> $("#add2DropDown").click(function(){ // จับอีเวนท์การกดปุ่ม id="add2DropDown" var value = $("#entryText").val() // ตั้งตัวแปรเพื่อรับค่าจาก text box ที่มี id="entryText" $("#newDropDown").append("<option value="+value+">"+value+"</option>"); //เพิ่มอีเลเมนท์ option ที่มีค่าของตัวแปร value ให้กับ select ที่มี id="newDropDown" }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง