php - How to show dropdowns with selected options if form is submitted and have validation errors -


i have form radio buttons first. when choose radio button, shown different dropdowns different radio buttons. dependent dropdowns. first hide them all. it's working, when click submit button , there fields or options have not filled, these dropdowns hide , have select them again. want make if click submit button , there validation errors, show these dropdowns radio, have chosen, , choices selected. here's code:

 $(document).ready(function(){                $(":radio").click(function(){                    $('#region').val('choose region');                    $('#school').val('choose region');                    $('#teacher').val('choose school');                    $('#class').val('choose class');                    $('#class_divisions').val('choose division');                });            });                  function showhide(self, show){                      $(".all_teachers_show, .toggle, .school,  .teacher_school, .teacher, .class, .teacher_class").hide();                               if (show)                        $('.toggle').show();                    else                        $('.toggle').hide();                    $(":radio").prop('checked',false);                    $(self).prop('checked',true);                }                                function show(yes, no){                    if (no)                        $('.school').show();                    else                        $('.school').hide();                    $("region").prop('checked',false);                    $(yes).prop('checked',true);                }                                function school_show(yes, no){                              if(document.getelementbyid("radio1").checked===true){                     document.getelementbyid('class_label').innerhtml = 'class:*';                    if (no)                          $('.teacher').show();                      else                          $('.teacher').hide();                      $("school").prop('checked',false);                      $(yes).prop('checked',true);                  }                                   if(document.getelementbyid("radio2").checked===true){                      document.getelementbyid('class_label').innerhtml = 'class teacher:*';                    if (no)                        $('.class').show();                    else                        $('.class').hide();                    $("school").prop('checked',false);                    $(yes).prop('checked',true);                    }                }                               function class_show(yes, no){                                  if (no)                        $('.class').show();                    else                        $('.class').hide();                    $("teacher").prop('checked',false);                    $(yes).prop('checked',true);                                }                                function teachers_show(yes, no){                  $(".toggle, .all_teachers_show,  .school,  .teacher_school, .teacher, .class, .teacher_class").hide();                    if (no)                        $('.all_teachers_show').show();                    else                        $('.all_teachers_show').hide();                    $(":radio").prop('checked',false);                    $(yes).prop('checked',true);                }                             </script>               <script>                  $(document).ready(function() {                      $('#region').change(function() {                          var url = "<?= base_url() ?>index.php/home/get_schools";                          var postdata = {region: $('#region').val()};                          $.post(url, postdata, function(result) {                              var $school_sel = $('#school');                              $school_sel.empty();                              $school_sel.append("<option>choose region</option>");                              var schools_obj = json.parse(result);                              $.each(schools_obj, function(key, val) {                                  var option = '<option  value="' + val.school_id + '">' + val.school_name + '</option>';                                  $school_sel.append(option);                              });                          });                      });                  });            </script>              <script>                  $(document).ready(function() {                      $('#school').change(function() {                          var url = "<?= base_url() ?>index.php/home/get_teachers";                          var postdata = {school: $('#school').val()};                          $.post(url, postdata, function(result) {                              var $teacher_sel = $('#teacher');                              $teacher_sel.empty();                              $teacher_sel.append("<option>choose school</option>");                              var teachers_obj = json.parse(result);                              $.each(teachers_obj, function(key, val) {                                  var option = '<option value="' + val.user_id + '">' + val.username + '</option>';                                  $teacher_sel.append(option);                              });                          });                      });                  });
<?php                        echo validation_errors();            echo "<div class='container'>";            echo form_open();          echo "<table border = '0' >";            echo "<tr><td><label>  username:* </label></td><td>";            $data=array(              'name' => 'username',              'class' => form_error('username') ? 'error' : '',              'value' => set_value('username')            );            echo form_input($data);            echo "</td></tr>";            echo "<tr><td><label> password:* </label></td><td>";            $data=array(              'name' => 'password',              'class' => form_error('password') ? 'error' : ''            );            echo form_password($data);           echo "<tr><td><label>  choose role:* </label> </td><td>";          <input type="radio" name="role_id" onclick='showhide(this, true)' id="radio1"  <?php echo set_radio('role_id', '1'); ?> />           <?php echo " student ";          $data=array(              'name' => 'role_id',              'value' => set_value('role_id', '2'),              'id' => 'radio2',              'onclick' => 'showhide(this, true)'              );            echo form_radio($data);            echo " teacher ";              $data=array(              'name' => 'role_id',              'value' => set_value('role_id', '5'),              'id' => 'radio5',              'onclick' => 'teachers_show(this, true)'              );            echo form_radio($data);            echo " coord. ";            echo "</td></tr>";            echo "<tr class='toggle' style='display:none;' ><td><label>  region:*  </label></td><td>";            ?>          <select name='region'   id='region' onchange='show(this, true)'>            <option <?php echo set_select('region'); ?>>choose region</option>                <?php foreach ($regions $row) { ?>                  <option name='region' value= "<?= $row->region ?>"><?= $row->region ?></option>                <?php } ?>            </select>             <?php            echo "</td></tr>";              echo "<tr class='school' style='display:none;' ><td><label> school:*              </label></td><td>";              ?>          <select id="school" name="school[]"  onchange='school_show(this, true)'>           <option <?php echo set_select('school[]'); ?>>choose region</option>            </select>            <?php echo "</td></tr>";          echo "<tr class='teacher' style='display:none;' onchange='class_show(this, true)'><td><label>  teacher:*             </label> </td><td>";                        echo '<select id="teacher"  name="teacher[]">';            ?>            <option <?php echo set_select('teacher'); ?>>choose school</option>            </select>              </td></tr>          <?php            echo "<tr class='class'  style='display:none;'><td>  <label  id='class_label'> Клас:* </label> </td><td>";              ?>             <select name='class[]'  id='class'>             <option <?php echo set_select('class[]'); ?>>choose class</option>                <?php foreach ($classes $row) { ?>                  <option value= "<?= $row->id ?>"><?= $row->class_id ?></option>                <?php } ?>            </select>                         <select name='class_divisions[]'  id='class_divisions'>              <option <?php echo set_select('class_divisions[]'); ?>>choose division</option>              <?php foreach ($class_divisions $row) { ?>           <option value= "<?= $row->id ?>"><?= $row->division ?></option>                <?php } ?>            </select>               </td></tr>              <?php            echo "<tr class='all_teachers_show' style='display:none;'><td><label>  teachers:*  </label></td><td>";            ?>                       <?php foreach ($all_teachers_show $row) { ?>                       <input type="checkbox" id='all_teachers_show' <?php echo set_checkbox('all_teachers_show[]'); ?> name="all_teachers_show[]"             value="<?= $row->user_id ?>"><?= $row->username ?>                <?php }               echo "</td></tr>";            echo "</div>";            echo "</table><br/>";          $data=array(              "name" => 'mysubmit',              'class' => 'btn btn-success ',              'id' => 'reg',              'value' => 'register'            );            echo form_submit($data);            ?>            </form>  ​


Comments

Post a Comment

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

Image
in fullcalendar, how format date used in popover widget title when clicking '+n more'? code: <div class="fc-popover fc-more-popover"> <div class="fc-header fc-widget-header"> <span class="fc-close fc-icon fc-icon-x"></span> <span class="fc-title">tuesday, april 7</span> ... </div> ... </div> you use daypopoverformat that. determines date format of title of popover created eventlimitclick option. must date formatting string. default value "dddd, mmmm d" english , "ll" other languages.
Read more

Bubble Sort Manually a Linked List in Java -

Image
this first question here. trying manually sort linked list of integers in java , can not figure out wrong code. suggestions? don't error, still have output unordered. tried few different ways, nothing worked. appreciate if can me that. public class node { int data; node nextnode; public node(int data) { this.data = data; this.nextnode = null; } public int getdata() { return this.data; } } // node class public class datalinkedlist implements datainterface { private node head; private int size; public datalinkedlist(){ this.head = null; this.size = 0; } public void add(int data) { node node = new node(data); if (head == null) { head = node; } else { node currentnode = head; while(currentnode.nextnode != null) { currentnode = currentnode.nextnode; } currentnode.nextnode = node; ...
Read more

asp.net mvc - SSO between MVCForum and Umbraco7 -

i need integrate sso between mvcforum (forum of company) , umbraco7 (manages cms company). however struggling shared authentication work. tried several ways suggested on other threads still not running expected. here did: 1. in mvcforum (forum.mywebsite.com) 1.1. machine key in web.xml: <machinekey validationkey="the same key umbraco7" decryptionkey="the same key umbraco7" validation="sha1" decryption="aes" /> 1.2. authenticate forms in web.xml <forms name="my-sso-auth" protection="all" path="/" timeout="43200" domain="forum.mywebsite.com" loginurl="/members/logon" enablecrossappredirects="true" /> 2. in umbraco7 (news.mywebsite.com) 2.1. machine key in web.xml: <machinekey validationkey="the same key mvcforum" decryptionkey="the same key mvcforum" validation="sha1" decryption="aes" /> 2.2. a...
Read more