<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript"> function MoveOption(objSourceElement, objTargetElement) { var aryTempSourceOptions = new Array(); var x = 0; for (var i = 0; i < objSourceElement.length; i++) { if (objSourceElement.options[i].selected) { var intTargetLen = objTargetElement.length++; objTargetElement.options[intTargetLen].text = objSourceElement.options[i].text; objTargetElement.options[intTargetLen].value = objSourceElement.options[i].value; }else{ var objTempValues = new Object(); objTempValues.text = objSourceElement.options[i].text; objTempValues.value = objSourceElement.options[i].value; aryTempSourceOptions[x] = objTempValues; x++; } } objSourceElement.length = aryTempSourceOptions.length; for (var i = 0; i < aryTempSourceOptions.length; i++) { objSourceElement.options[i].text = aryTempSourceOptions[i].text; objSourceElement.options[i].value = aryTempSourceOptions[i].value; objSourceElement.options[i].selected = false; } } function checkAllItems() { if(frmMain.ddlRight.length >3){ alert('ห้ามเลือกเกิน 3 !!'); frmMain.ddlRight.focus(); return false; }else{ for (var i = 0; i < frmMain.ddlLeft.length; i++) { frmMain.ddlLeft.options[i].selected = true; } for (var i = 0; i < frmMain.ddlRight.length; i++) { frmMain.ddlRight.options[i].selected = true; } } } function removeAllItems() { for (var i = 0; i < frmMain.ddlLeft.length; i++) { frmMain.ddlLeft.options[i].selected = false; } for (var i = 0; i < frmMain.ddlRight.length; i++) { frmMain.ddlRight.options[i].selected = false; } } </script> </head> <body onLoad="removeAllItems();"> <form name="frmMain" action="<?PHP $_SERVER['PHP_SELF']?>" onSubmit="checkAllItems();"> <table width="353" border="0" cellspacing="4" cellpadding="0"> <tr> <td><div align="center"><b>Left</b></div></td> <td rowspan="2"> <div align="center"> <input type="button" name="MoveRight" value=">>" style="width: 120px;" onClick="MoveOption(this.form.ddlLeft, this.form.ddlRight)"> <br> <br> <input type="button" name="MoveLeft" value="<<" style="width: 120px;" onClick="MoveOption(this.form.ddlRight, this.form.ddlLeft)"> </div> </td> <td> <div align="center"><b>Right</b></div> </td> </tr> <tr> <td> <select name="ddlLeft[]" id="ddlLeft" size="12" multiple style="width: 100px;"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> <option value="DDD">DDD</option> <option value="EEE">EEE</option> </select> </td> <td> <select name="ddlRight[]" id="ddlRight" size="12" multiple style="width: 100px;"></select> </td> </tr> </table> <br> <input name="btnSubmit" type="submit" id="btnSubmit" value="Submit"> </form> <?PHP // *** Left Option ***// echo "<b>- Left -</b><br>"; for($i=0;$i<=count($_GET["ddlLeft"]);$i++) { if($_GET["ddlLeft"][$i] != "") { echo $_GET["ddlLeft"][$i]."<br>"; } } echo "<hr>"; // *** Right Option ***// echo "<b>- Right -</b><br>"; for($i=0;$i<=count($_GET["ddlRight"]);$i++) { if($_GET["ddlRight"][$i] != "") { echo $_GET["ddlRight"][$i]."<br>"; } } ?> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
