PHPバージョン5.6
フレームワーク等は使用しておりません。
下記のフォームで、実現したい動きが
ございます。
現在の動作はコチラです。
・https://paiza.io/projects/5PgxAfnUWt17lyc4NpfGyw
■実現したい動作
①フォームの「交代時間」部分について、フォーム操作の「追加」でフォームを
増加した時に、増加する前の選択していた時間(1120)より後の数字のみ120までしか選べない
選択可能にしたい。
例:一番目のフォームが30なら、二番目は31
②フォームの「交代選手名」部分について、フォーム操作の「追加」でフォームを
増加した時に、増加する前に「交代選手名」選択された選手名を除外して表示。
また、フォームを増加する前に「IN選手名」で選択された選手名を選択できるようにさせたい。
③フォームの「IN選手名」部分について、フォーム操作の「追加」でフォームを
増加した時に、増加する前と現在の「交代選手名」で選択されて選手名とおよび
フォームを増加する前の「IN選手名」で選択された選手名を除外して表示させたい。
説明が解りずらいかと思われますが、フォーム操作で「追加」を押した際とセレクトボックス
の選択によって、セレクトボックスが状況に応じて選択項目が変化するという動きを実現
したいと考えています。
私の知識では実現が難しく、本サイトでご教授して頂き解決した物も多い
ため、皆様のお力をお貸し頂ければと思います。
宜しくお願い致します。
<?php // Here your code ! $in_member = array( '0' => array( 'id_mbr' => '1', 'name_mbr' => '田中', ), '1' => array( 'id_mbr' => '2', 'name_mbr' => '鈴木', ), '2' => array( 'id_mbr' => '3', 'name_mbr' => '山田', ), '3' => array( 'id_mbr' => '4', 'name_mbr' => '中山', ), '4' => array( 'id_mbr' => '5', 'name_mbr' => '本田', ), '5' => array( 'id_mbr' => '6', 'name_mbr' => '香川', ) ); $out_member = array( '0' => array( 'id_mbr' => '1', 'name_mbr' => '田中', ), '1' => array( 'id_mbr' => '2', 'name_mbr' => '鈴木', ), '2' => array( 'id_mbr' => '3', 'name_mbr' => '山田', ), '3' => array( 'id_mbr' => '4', 'name_mbr' => '中山', ), '4' => array( 'id_mbr' => '5', 'name_mbr' => '本田', ), '5' => array( 'id_mbr' => '6', 'name_mbr' => '香川', ) ); //スコア部分 $cnt_mem = isset($game_info["cnt_mem"]) ? $game_info["cnt_mem"]: 1; $change_time = isset($game_info["change_time"]) ? $game_info["change_time"]: 0; $in_mbr = isset($game_info["in_mbr"]) ? $game_info["in_mbr"]: 0; $out_mbr = isset($game_info["out_mbr"]) ? $game_info["out_mbr"]: 0; ?> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script> $(function() { //選手交代部分 $('.mem_clear').on('click', '.mem_clear_btn', function(){ $('.mem_box:first').find('option.outmem').attr('selected', false); $('.mem_box:first').find('option.outintime').attr('selected', false); $('.mem_box:first').find('option.inmem').attr('selected', false); }); $(".btn_delete_btn_mem:not(:first)").show(); var cloneElem4 = $('.mem_box:last'); $('.memadd').on('click', '.memadd_btn', function(){ $('.mem_box:last').after(cloneElem4.clone(true)); $('.mem_box:last').find('option.outmem').attr('selected', false); $('.mem_box:last').find('option.outintime').attr('selected', false); $('.mem_box:last').find('option.inmem').attr('selected', false); $(".cnt_mem").val(1+Number($(".cnt_mem").val())); $(".btn_delete_btn_mem:not(:first)").show(); $(".mem_clear:not(:first)").hide(); $(".for_dele_mem:not(:first)").show(); }); $('.for_dele_mem').on('click', '.btn_delete_btn_mem', function(){ $(this).closest(".mem_box").remove(); $(".cnt_mem").val(Number($(".cnt_mem").val()-1)); }); }); </script> <!--選手交代--> <div class="panel panel-default dispon"> <div class="thumbnail_title thumbnail_title_freeimg"><i class="fa fa-user" aria-hidden="true"></i>選手交代 <span style="text-align:right !important;display:inline-block;float: right;margin-right: 10px;font-size:17px;"><i class="fa fa-info-circle" aria-hidden="true"></i></span> </div> <div class="panel-body"> <?php for ($i = 0; $i < $cnt_mem; $i++) { ?> <div class="mem_box"> <div class="col-md-2 col-sm-12 col-xs-12 form_nonepd"> <label class="control-label" for="com_score">交代時間</label> <select class="form-control ubstitution_one" name="change_time[]"> <option value="0">交代時間</option> <?php for ($gtime = 1; $gtime < 121; $gtime++) { ?> <option class="outintime" <?php if(!isset($_POST['result_add_btn'])) { if($change_time[$i] == $gtime) { echo 'selected="selected"';}} ?>><?php echo $gtime; ?></option> <?php } ?> </select> </div> <div class="col-md-2 col-sm-12 col-xs-12 form_nonepd"> <label class="control-label" for="com_score">交代選手名</label> <select class="form-control out_mbr_one" name="out_mbr[]"> <option value="0">交代選手名</option> <?php foreach ($in_member as $key => $in_mem) { ?> <option class="outmem" id="out_mbr_one<?php echo $in_mem['id_mbr']; ?>" value="<?php echo $in_mem['id_mbr']; ?>" <?php if(!isset($_POST['result_add_btn'])) { if($out_mbr[$i] == $in_mem['id_mbr']) { echo 'selected="selected"';} }?>><?php echo $in_mem['name_mbr']; ?></option> <?php } ?> </select> </div> <div class="col-md-2 col-sm-12 col-xs-12 form_nonepd"> <label class="control-label" for="com_score">IN選手名</label> <select class="form-control in_mbr_one" name="in_mbr[]"> <option value="0">IN選手名</option> <?php foreach ($out_member as $key => $out_mem) { ?> <option class="inmem" id="in_mbr_one<?php echo $out_mem['id_mbr']; ?>" value="<?php echo $out_mem['id_mbr']; ?>" <?php if(!isset($_POST['result_add_btn'])) { if($in_mbr[$i] == $out_mem['id_mbr']) { echo 'selected="selected"';}} ?>><?php echo $out_mem['name_mbr']; ?></option> <?php } ?> </select> </div> <div class="col-sm-2 col-xs-12 form_nonepd mem_clear"> <label class="control-label">フォーム操作</label> <button type="button" class="btn btn-warning btn-block mem_clear_btn" name="clear_btn" style="padding-left:25px;padding-right:25px;"><i class="fa fa-times" aria-hidden="true"></i>クリア</button> </div> <div class="col-sm-2 col-xs-12 for_dele_mem form_nonepd" style="display:none;"> <label class="control-label" for="btn_delete_btn_mem">フォーム操作</label> <button type="button" class="btn btn_delete_btn_mem btn-block" style="padding-left:25px;padding-right:25px;" name="btn_delete_btn_mem"><i class="fa fa-trash-o" aria-hidden="true"></i>削除</button> </div> <div class="col-sm-2 col-xs-12 form_nonepd memadd"> <label class="control-label" for="memadd_btn">フォーム操作</label> <button type="button" class="btn btn-info btn-block memadd_btn" name="memadd_btn" style="padding-left:25px;padding-right:25px;"><i class="fa fa-plus" aria-hidden="true"></i>追加</button> <input type="hidden" name="cnt_mem" id="cnt_mem" class="cnt_mem" value="<?php echo $cnt_mem; ?>"> </div> </div> <?php } ?> </div> </div>
回答1件
あなたの回答
tips
プレビュー