web-dev-qa-db-ja.com

JavaScript変数をHTMLテキストボックスに渡す

hTMLフォームのヘルプが必要です。

JavaScript変数を取得し、その変数をHTMLフォームのtexboxに渡そうとしています。変数をテキストボックスに動的に表示したい。しかし、私は変数をhtmlフォームに渡し、変数を呼び出す方法がわかりませんか？

var test;

<INPUT TYPE="TEXT" NAME="lg" VALUE="" SIZE="25" MAXLENGTH="50" disabled="disabled"><BR><BR>

テストをHTMLフォームに渡し、その値を変更するにはどうすればよいですか？

ありがとう

javascripthtmlvariablestextbox
8
Dayzza

このように変数をフォーム要素に渡します

あなたのフォーム要素

<input type="text" id="mytext">

javaScript

var test = "Hello";
document.getElementById("mytext").value = test;//Now you get the js variable inside your form element
18
John Hartsock

の代わりに

document.getElementById("txtBillingGroupName").value = groupName;

使用できます

$("#txtBillingGroupName").val(groupName);

groupNameの代わりに、「Group1」のような文字列値を渡すことができます

2
Nikhil Patel

これも私にとって問題でした。これを行う理由の1つ（私の場合）は、クライアント側のイベント（変更されるJavaScript変数）をサーバー側の変数（その変数をPHPで使用するため）に変換する必要があったためです。したがって、JavaScript変数（たとえば、sessionStorageキー/値）をフォームに入力し、それを$ _POST変数に変換します。

<form name='formName'>
<input name='inputName'>
</form>

<script>
document.formName.inputName.value=var
</script>
1
gavin

HTML5のlocalStorage機能を使用してtest値を保存し、localStorage.getItem() 方法。これがどのように機能するかを確認するには、 w3schools の説明または Opera Developer Webサイト の説明を参照してください。お役に立てれば。

1
Peter Wray
<form name="input" action="some.php" method="post">
 <input type="text" name="user" id="mytext">
 <input type="submit" value="Submit">
</form>

<script>
  var w = someValue;
document.getElementById("mytext").value = w;

</script>

//php on some.php page

echo $_POST['user'];
1
David