<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.sele').change(function(){ var curr_sel = $(this).attr("name"); var curr_val = $(this).val(); var dup = ''; $('.sele').each(function(){ var name_now = $(this).attr("name"); if(name_now!=curr_sel && $(this).val()==curr_val){ if(dup != '') dup += ','; dup += name_now; } }); alert((dup==''?'ไม่ซ้ำ':'ซ้ำกับ : '+dup)); }); }); </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <p> <label for="select"></label> <select class="sele" name="sel_1" id="select1"> <option value="">เลือก</option> <option value="1">รถยนต์</option> <option value="2">มอเตอร์ไซด์</option> <option value="3">จักรยาน</option> </select> </p> <p> <select class="sele" name="sel_2" id="select2"> <option value="">เลือก</option> <option value="1">รถยนต์</option> <option value="2">มอเตอร์ไซด์</option> <option value="3">จักรยาน</option> </select> </p> <p> <select class="sele" name="sel_3" id="select3"> <option value="">เลือก</option> <option value="1">รถยนต์</option> <option value="2">มอเตอร์ไซด์</option> <option value="3">จักรยาน</option> </select> </p> </form> </body> </html>
dup!==''?alert('Duplicated Selection'+dup):false;
if(dup!==''){ alert('Duplicated Selection'+dup); $(this).css('border','2px solid red').focus(); }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง