13

HTML フォームがあり、ユーザーが送信ボタンをクリックした後、フォームの下にフォーム フィールドの値を表示する必要があります。HTML と JavaScript Ajax を使用してこれを行うにはどうすればよいですか?

4

7 に答える 7

28

ここにそれを行う1つの方法があります。

<!DOCTYPE html>
<html>
  <head lang="en">
  <meta charset="UTF-8">
  <script language="JavaScript">
    function showInput() {
        document.getElementById('display').innerHTML = 
                    document.getElementById("user_input").value;
    }
  </script>

  </head>
<body>

  <form>
    <label><b>Enter a Message</b></label>
    <input type="text" name="message" id="user_input">
  </form>

  <input type="submit" onclick="showInput();"><br/>
  <label>Your input: </label>
  <p><span id='display'></span></p>
</body>
</html>

これが実行時の外観です。乾杯。

ここに画像の説明を入力

于 2014-07-16T12:33:00.687 に答える
2

これは機能します。

<html>
<head>
<script type = "text/javascript">
function write_below(form)
{
var input = document.forms.write.input_to_write.value;
document.getElementById('write_here').innerHTML="Your input was:"+input;
return false;
}
</script>
</head>

<!--Insert more code here-->
<body>
<form name='write' onsubmit='return write_below(this);'>
<input type = "text" name='input_to_write'>
<input type = "button" value = "submit" />
</form>
<div id='write_here'></div></body>
</html>

関数からfalseを返すと、他のページに投稿されることはありませんが、HTMLコンテンツは編集されます。

于 2013-03-16T10:28:02.470 に答える
0 
<script type = "text/javascript">
function get_values(input_id)
{
var input = document.getElementById(input_id).value;
document.write(input);
}
</script>

<!--Insert more code here-->


<input type = "text" id = "textfield">
<input type = "button" onclick = "get('textfield')" value = "submit">

次回ここで質問するときは、詳細と試したことを含めてください。

于 2013-03-16T10:03:47.843 に答える
-1

これを試してください：

onsubmit="return f(this.'yourfieldname'.value);"

これがお役に立てば幸いです。

于 2013-03-16T10:02:32.323 に答える