2016-01-15 97 views
0

我正在設定目標並顯示進度,我使用進度元素。我想用php/js/other將我的目標保存到我的服務器上名爲user.txt的.txt文件中。我已經試過這Write server text files with AjaxPHP write file from input to txt顯示我想要的,但代替形式標籤,我只想要2個輸入字段 有沒有什麼辦法可以合併這兩個文件,以將我的數據從我的2個字段保存到文本文件(用戶.TXT) 這裏是我的代碼:如何在不清除文本框的情況下將輸入字段數據保存到文本文件

function myFunction() { 
 
    var x = document.getElementById("myTextarea").value; 
 
    document.getElementById("myProgress").value = x; 
 
} 
 

 
function myFunction2() { 
 
    var x = document.getElementById("myTextarea2").value; 
 
    document.getElementById("myProgress").max = x; 
 
}
progress { 
 
    color: #0063a6; 
 
    font-size: .6em; 
 
    line-height: 1.5em; 
 
    text-indent: .5em; 
 
    width: 30em; 
 
    height: 3em; 
 
    border: 1px solid #0063a6; 
 
    background: #fff; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<h3>Goal Progress:</h3> 
 
<progress id="myProgress" value="0" max="100"> 
 
</progress> 
 

 
<hr> 
 
<input type="text" id="myTextarea"></input> 
 
<button onclick="myFunction()">Add</button> 
 
<hr> 
 
<input type="text" id="myTextarea2" /> 
 
<button onclick="myFunction2()">Set Goal</button> 
 
<hr>

+0

你試過了什麼? – HJerem

+0

我嘗試合併鏈接中的文件和我的javascript – parseguy

+0

我沒有看到寫入文本文件的任何內容。 – HJerem

回答

0

在這裏,我終於解開了我的困惑paradyme:

<html> 
 
<body onload="timer=setTimeout('myFunction2(); myFunction();',3000)"> 
 
<style> 
 
progress { 
 
    color: #0063a6; 
 
    font-size: .6em; 
 
    line-height: 1.5em; 
 
    text-indent: .5em; 
 
    width: 30em; 
 
    height: 3em; 
 
    border: 1px solid #0063a6; 
 
    background: #fff; 
 
} 
 
</style> 
 
<h3>Goal Progress:</h3> 
 
<progress id="myProgress" value="0" max="100"> 
 
</progress> 
 

 
<hr> 
 
<form action="form.php" method="POST"> 
 
add money: 
 
<input type ="text" name="field1" id="myTextarea"></input> 
 
<hr> 
 
Goal: 
 
<input type ="text" name="field2" id="myTextarea2"/> 
 
<input type="submit" name="submit" value="Save Data"> 
 
</form> 
 
<hr> 
 
<button onclick="myFunction2(); myFunction();">show new progress</button> 
 
<script> 
 
function myFunction() { 
 
    var x = document.getElementById("myTextarea").value; 
 
    document.getElementById("myProgress").value = x; 
 
} 
 
function myFunction2() { 
 
    var x = document.getElementById("myTextarea2").value; 
 
    document.getElementById("myProgress").max = x; 
 
} 
 
</script> 
 
</body> 
 
</html>

相關問題