0

チケットフォームがあり、[購入]をクリックすると、保存して別のdivに「ユーザーのチケット情報」として表示したいのですが、新しいチケットを購入して、後で古いチケットに追加することもできます。データベースなどに保存する必要はありません。たとえば、[更新]をクリックすると、すべての情報が消えて、新しいものから始めることができます。サインアップするときのもう1つの例は、ユーザー情報がメモリクラスに移動することです。任意のjavascript/jquery/htmlが役立ちます。ベローは私が働いていることの始まりです。ありがとう^^ チケットの例 

<html>
<body>
<form id="buyTicket" action="" method="POST">
                   <div id="ticketHeader">Buy Your ticket here</div><br></br>
                   <div>Number of persons :<input type="number" required id="numberOP" value="" placeholder="number of persons"/></div>
                   <div>Flight Destination:<input type="text" required id="destination" value="" placeholder="hawaii/thailand/spain"/></div>
                   <div>Depature          :<input type="text" required id="depature" class="datepicker" value="" placeholder="enter depature date"/></div>
                   <div>Return            :<input type="text" required id="return" class="datepicker" value="" placeholder="enter return date"/></div>
                   <div><button type="submit" class="button" id="buttonTicket">Buy Ticket</button></div>
             </form> 
</body>
</html>
4

2 に答える 2

0

ボタンがクリックされると、val（）関数を使用してフォームから値を取得できます。ここで利用可能なApiドキュメント：http：//api.jquery.com/val/。おそらくこのようなもので：

$('#buttonTicket').click(function() {
    $('#ticketinfoheader').text($('#numberOfPersons').val());
});
于 2012-05-29T16:31:57.577 に答える
0

ベンが言ったように、値を取得するには.val() http://api.jquery.com/val/を使用します。これが実際の例ですhttp://jsfiddle.net/YNez9/

選択した値が右に浮いていることを示すdivが表示されます

<div id="result" style="float:right;">
</div>

送信時に、入力した値を追加するか、値を設定して表示できるプレースホルダーを用意します

$('#buyTicket').submit(function() {
  $('#result').append('<div>Number of persons :'+$('#numberOP').val()+'</div>');
  //.....
  //return false;
});​
于 2012-05-29T16:34:10.513 に答える