我必须使用PHP发布选择更改选项，但是选择正由JQuery转换为ul li

Question

I am using styled select dropdown, from here:

I want to post the selected option in order to render some data for other dropdowns.

The problem is the the

 onChange="this.form.submit()"

is not working, as the JQuery changes select options to ul > li... Any solution will be appericiated.. Either to post on the same, or to have an alternative JQuery select which does not convert select to ul li.

select name="districtid" id="districtid" class="cd-select" > onChange="this.form.submit();" >

                   <option value="" selected>Select District</option>
                  <?php do {
                  ?>
                  <option value="<?php echo >$row_district['id'];?>"
                      <?php
                  if(isset($_GET['districtid']))

{ $pdistrict = $_GET['districtid']; if ($row_district['id'] == $pdistrict ) echo "selected";} ?>>

                      echo $row_district['name']; 

                       ?>
                   </option>

                   <?php } while ($row_district = >mysql_fetch_assoc($district)); ?>

Answer 1

try this

from line 143-151 in jquery.dropdown.js update with the below code where myform is your form's id.. but it will not preserve the dropdown state as the page will load and if you want to preserve the drop down value as selected then you can use cookie.

this.opts.on( 'click.dropdown', function() {
            if( self.opened ) {
                var opt = $( this );
                self.options.onOptionSelect( opt );
                self.inputEl.val( opt.data( 'value' ) );
                self.selectlabel.html( opt.html() );
                if ($("#myform").length == 1) {
                $("#myform").submit();//submitting myform
                }
                self.close();
            }
        } );