js-雙擊文字變成input快速更改排序值
阿新 • • 發佈:2018-12-25
<!DOCTYPE html> <head> <title>temp</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript"> function ShowElement(element) { var oldhtml = element.innerHTML; var id=element.id; var newobj = document.createElement('input'); newobj.value=element.innerHTML; newobj.type = 'text'; newobj.style = "width:30px"; newobj.onblur = function(){ element.innerHTML = this.value ? this.value : oldhtml; console.log(this.value) // if(this.value!=''){ // $.post("check.php?choice="+id,this.value); // } }; element.innerHTML = ''; element.appendChild(newobj); newobj.focus(); } </script> </head> <body> <dl> <dt>你的使用者名稱:</dt> <dd ondblclick="ShowElement(this)">11111</dd> <dt></dt> <dd ondblclick="ShowElement(this)">22222</dd> </dl> </body> </html>