2016-12-08 20 views
0

HTMLのテキストフィールドがあります。値は事前定義されています。 "こんにちは"。JavaScript入力値の入力

私のウェブサイトの値を "hello"から "bye"に手動で変更します。 ボタンをクリックすると、同じサイトが再び呼び出されます。入力タイプの値は、「hello」ではなく「bye」になります。

<form method="POST" id="ReloadPage" name="ReloadPage" action="MyWebsite" onsubmit="getValue();"> 
<strong>word: </strong> 
<input id="word" type="text" size="30" value="hello" name="WORD" /> 

<script type="text/javascript"> 
function getValue() { 
    document.getElementById("word").value="bye"; 
} 
</script> 

しかし、どういうわけかが、値は常にハローとなり、さようならに変更されません。ここでは、私のコードを見ることができます。 ありがとうございました。

+0

これにはローカルストレージまたはCookieを使用できます。ページがリロードされるたびにjavascriptが新しく読み込まれるたびに。 –

答えて

1

あなたがsubmitformページがreloadので、それが再びinitial valueが表示されますされます。また、あなたのfunction

<form method="POST" id="ReloadPage" name="ReloadPage" action="MyWebsite" onsubmit="return GetValue();"> 
<strong>word: </strong> 
<input id="word" type="text" size="30" value="hello" name="WORD" /> 

function GetValue() { 
document.getElementById("word").value="bye"; 
return false; 
} 

function .Change名の名前としてfunctionを使用することはできません。

+0

投稿した内容は本当ですが、これは問題を解決しません。ページが再ロードされ、入力値が失われます – anu

+0

申し訳ありませんが、それは私のせいでした。私はちょうどそれが誰にとっても明らかである関数 "function()"という名前を付けました。この関数には別の名前があります。 – Tobias

+0

@anuはい私はあなたがコメントしたその間に更新していた。 – Mairaj