これはコードです:
<input type="text" id="name" />
<script>
var name = $("#name").val();
</script>
ページが読み込まれた後、入力ボックスに値を入力します。これは、値の後にクロムコンソールに入力するものです
console.log(name);
空の文字列を取得します
これはコードです:
<input type="text" id="name" />
<script>
var name = $("#name").val();
</script>
ページが読み込まれた後、入力ボックスに値を入力します。これは、値の後にクロムコンソールに入力するものです
console.log(name);
空の文字列を取得します
使用する:
<input type="text" id="name" />
<script>
$(document).on('keyup', '#name', function(){
name = $(this).val();
});
</script>
これにより、値が入力された場合にのみ#name
、変数に値が割り当てられます。name
入力した後に呼び出す必要があり$("#name").val()
ます。そうしないと、ページが読み込まれるときに読み込まれ、この時点で入力が空であるため、空の文字列が返されます。
Chrome コンソールは JavaScript の値が何であるかを認識せず、そのスコープはグローバルではないため、これは機能しません。script タグに console.log(name) を記述するか、コンソール (および割り当て) で name 変数を宣言してログに記録する必要があります。