0

私のフォームにはいくつかの入力フィールドがあります。ユーザーが入力フィールドに値を入力して[送信]をクリックしたら、対応するいくつかの要素に値を入力します。

ページを更新せずにjQueryを使用してそれを行うにはどうすればよいですか？

<form method="get">
  <label for="yourName">Your name</label>
  <input name="yourName" id="yourName" type="text">
  <button type="submit">Submit</button>
</form>
<div id="result">
  <span class="rName"></span>
</div>

一部の失敗したJS。

$('#hCardForm').submit(function() {
  var rName = $('#yourName').val();
  $('.rName').text(rName);
});
4

2 に答える 2

0 
<form method="get">
  <label for="yourName">Your name</label>
  <input name="yourName" id="yourName" type="text">
  <button type="submit" id="submit">Submit</button>
</form>
<div id="result">
  <span class="rName"></span>
</div>

$('#submit').click(function(event){
    event.preventDefault();
    $('#result .rName').text($('#yourName').val());
});​

http://jsfiddle.net/MswhY/

于 2012-04-23T14:19:33.983 に答える
0

コードに2つの問題があります。1.フォームにIDがありません。2。フォームの送信を停止していません。

jqueryを介してフォームを送信および送信する代わりに、ボタンタイプをボタンに変更することができます。

jsfiddle

于 2012-04-23T14:32:32.780 に答える