使用JavaScript在文本字段中顯示信息

Question

我在表單和提交按鈕中有兩個文本字段。當用戶點擊時，它必須顯示一個包含用戶提供的信息和當前時間的信息框。

我該怎麼做？請記住，我是一名JavaScript初學者。

Answer 1

你的意思是這樣的嗎？

<form onsubmit="formMessage(this);"> 
    <p>First Name: <input name="firstname" id="firstname" /></p> 
    <p>Last Name: <input name="lastname" id="lastname" /></p> 
    <p><input type="submit" name="submit" value="Submit!" /></p> 
</form> 

function formMessage(frm) 
{ 
    var fn = frm.firstname.value; 
    var ln = frm.lastname.value; 
    var dt = new Date(); 
    alert("You entered " + fn + " " + ln + " at " + dt + "!"); 
} 

演示：http://jsfiddle.net/EBKJ5/

Answer 2

您可以在您的解決方案/ HTML文件中的JavaScript文件，並添加使用的document.getElementById（「nameofyourtextbox」）值的函數來檢索的值，然後使用。提示框顯示提供的值，然後添加日期。

然後可以在按鈕的onclick事件上調用此函數。

例如：

function buttonClicked() 
{ 
var d = new Date(); 
var date = d.getDate(); 
var month = d.getMonth(); 
var year = d.getFullYear(); 

alert(document.getElementById('nameofyourtextbox') +", "+ document.getElementById ('nameofyour2ndtextbox') + ", "+ date +"/"+ month +"/"+ year); 
} 

添加功能，以您的按鈕的onclick事件：

<......  onclick="buttonClicked();"> 

要將.js文件添加到您的網頁：

<script type="text/javascript" src="nameofyourjsfile.js"></script> 

的SRC屬性必須是您的.js文件存儲位置的路徑。

Answer 3

你可以做類似如下（如果你的元素有ID對他們）：

document.getElementById("buttonId").addEventListener("click", function() { 

    alert(document.getElementById("formId").value + " " + new Date()); 
}, false);