JavaScriptを使用してテキストボックスにデフォルト値を追加します。

テキストボックスに値を追加しようとしていますが、私は間違いを犯していません。あなたはこれで助けてくれますか？ HTMLタグ自体にデフォルト値を追加することはできません。JavaScriptを使用してテキストボックスにデフォルト値を追加します。

<html> 
<head> 
<script> 
    $(document).ready(function() { 
     $("#txtfirstName").val("Your First Name Here!"); 
     $("input[id='txtlastName']").val("Your Last Name Here!"); 
}); 
</script> 
</head> 
<body> 


    First name:<br> 
    <input type="text" name="firstname" id="txtfirstName" > 
    <br> 
    Last name:<br> 
    <input type="text" name="lastname" id="txtlastName"> 

</body> 
</html>

FYI：これは単なる例です。
これで私を案内してください。この投稿が関連していない場合は、低下させないでください。ただ私に知らせて、私はそれを削除します。

あなたのお手伝いをお待ちしております。

出典

2016-08-11 Anonymous

まあ、スタータの場合、プレースホルダの属性をチェックし、ここで '' – pmahomme

であなたのJavascriptを囲む必要があります。 asp、あなたのJQueryの観点からは、$（ '＃txtfirstName'）は入力を行う必要はありません。それに加えて

あなたはJavaScriptで値を変更したい場合、あなたは次のコードでそれをしなければならない。

document.getElementById('txtfirstName').value = 'test';

あなたのケースでは、問題は、あなたがjQueryのを使用していると私は統合を見ることができないということですあなたのケースではjQueryソースのあなたは、JavaScriptかjQueryでそれを行うかどうかを決めなければなりません。

JavaScriptを使用すると、外部フレームワークは必要ありませんが、JavaScriptよりもjQueryを使用する方がより強力です。

これはJavaScriptで完全な例（不要なフレームワーク）のようになります。jQueryを使って

<!DOCTYPE html> 
<html> 
<head> 
<script> 
    document.getElementById('txtfirstName').value = 'test'; 

</script> 
</head> 

<body> 

First name:<br> 
<input type="text" name="firstname" id="txtfirstName"> 
<br> 
Last name:<br> 
<input type="text" name="lastname" id="txtlastName"> 


</body> 
</html>

を同じに見えるこの（最初の行にあるフレームワークの統合）のように：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

     $("#txtfirstName").text("Hello world!"); 

}); 
</script>

つまり、jQueryははるかに簡単で、JavaScriptより少ないコードしか使用していないことがわかります。あなたはスクリプトタグであなたJavaScriptを包むために必要https://jsfiddle.net/Anokrize/aemy4nea/

出典

2016-08-11 20:59:06 Anokrize

私はボタンを追加しなかったので、onlick関数を必要としません。 –

それから、クリック機能とボタン@ user3338497を削除してください – Anokrize

答えを編集します@ user3338497 – Anokrize

JavaScriptを使用してテキストボックスにデフォルト値を追加します。

関連する問題