0

5 行 8 列のテーブルを含むフォームがあります。このテーブルは、コンサート ホールで利用可能な座席を表します。送信ボタンがクリックされた後、javascript 関数が呼び出されます。現時点では次のとおりです。

    <script>
    function submit_tickets(form){
      var count=0;
      var booked_seats=new Array();
      var c = document.getElementById(form).getElementsByTagName('input');
      for (var i = 0; i < c.length; i++) {
        if (c[i].type == 'checkbox' && c[i].checked==true){
        booked_seats[count]=c[i].id;
        count++;
    //create an array with the booked seats' ID
    }
    }


//alert(booked_seats.length);
    } </script>

この関数が呼び出されると、予約された座席に応じて、localhost データベースのテーブル (40 個の座席 ID すべてを含むテーブル) が同時に更新されます。どうすればこれを行うことができますか、助けてもらえますか?

4

2 に答える 2

0

必要に応じて、ネイティブjavascriptで例を記述できますが、今のところはjQUeryを使用して記述しようとしています。

function submit_tickets(form){
    var seats=[];
    $(form).find("input:checked").each(function(){
        seats.push($(this).val());//i hope you do have a value for your input tags, and if not, then push $(this).attr('id') - but highly recommend you to follow w3c   

    });
    $.post("your/url/to/server",{seats:seats},function(data){
          console.log(data);//some info from server
    })
}
于 2013-01-29T17:04:12.290 に答える
0

データベースの更新が行われるPHPを使用してphpファイルを呼び出す必要があると思います。http://api.jquery.com/jQuery.ajax/のように、jqueryajaxの使用を検討することもできます。

于 2013-01-29T17:04:12.953 に答える