<form action="add5.php" method="post" name="frmMain"> <input name="item" list="itemlist" style="width: 90px"> <datalist id="itemlist"> <?php $itsql = "SELECT ITEM FROM ITEM"; $itquery = sqlsrv_query($conn,$itsql); while($result = sqlsrv_fetch_array ($itquery)) { ?> <option> <?php echo $result["ITEM"]; ?> </dl> </option> <?php } ?> </datalist> </center>
<!doctype html> <html lang="en"> <head> <title>calculate number</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style> body{margin-top:40px;} </style> <div class="container"> <form role="form"> <div class="form-group"> <label for="sel1">Select List:</label> <select class="form-control" id="sel1"> <option>Select</option> <option value="1">Value 1</option> <option value="2">Value 2</option> <option value="3">Value 3</option> <option value="4">Value 4</option> </select> </div> <div class="form-group"> <label>Text 1:</label> <input type="text" class="form-control" name="text1"> </div> <div class="form-group"> <label for="sel2">Select List:</label> <select class="form-control" id="sel2"> <option>Select</option> <option value="1">Value 1</option> <option value="2">Value 2</option> <option value="3">Value 3</option> <option value="4">Value 4</option> </select> </div> <div class="form-group"> <label >Text 2:</label> <input type="text" class="form-control" name="text2"> </div> </form> </div> <script type="text/javascript"> $(document).ready(function() { $("#sel1").change(function() { $("input[name='text1']").val($(this).val()); }); $("#sel2").change(function() { $("input[name='text2']").val($(this).val()); }); }); </script> </body> </html>
$(".autocomplete").autocomplete({ source: "source.php", minLength: 0, focus: function( event, ui ) { $(this).val( ui.item.value); return false; }, select: function(e, ui) { //เอา item.name ไว้ใส่ใน input: } });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
