<input list="names" name="name"> <datalist id="names"> <option value="1">นาย ก</option> <option value="2">นาย ข</option> <option value="3">นาย ค</option> </datalist>
<datalist id="listinv"> <?php $strSQLcla = "SELECT * FROM clamant INNER JOIN title ON title.title_id = clamant.title_id ORDER BY clamant_id ASC "; $objQuerycla = mysql_query($strSQLcla) or die ("Error Query [".$strSQLcla."]"); while($objResultcla = mysql_fetch_array($objQuerycla)) { ?> <option value="<?php echo $objResultcla["clamant_id"];?>" ><?php echo $objResultcla["clamant_fname"]; echo " "; echo $objResultcla["clamant_lname"];?></option> <?php } ?> </datalist>
<option value="<?php echo $objResultcla["clamant_fname"];?> />
<input id="input-name-value"> <input id="input-name" list="datalist-name"> <datalist id="datalist-name"> <option data-value="aaa">Aaa</option> <option data-value="bbb">Bbb</option> </datalist>
let inputElement = document.getElementById('input-name'); inputElement.addEventListener('input', function(event) { let dataListOptions = document.getElementById('datalist-name).childNodes; for(let i = 0; i < dataListOptions.length; i++) { let option = dataListOptions[i]; if (option.innerText === inputElement.value) { document.getElementById('input-name-value').value = option.dataset.value; break; } } }, false);
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
