页面加载后如何下拉选项保持选中状态

Question

在加载具有 onchange 功能的页面后，如何使下拉选项保持选中状态？目前我可以根据下拉列表中的选定值加载页面。并在加载页面后选择第一个值作为默认值。

<select id="extDropDown">
        <option>Select Extension</option>
        <option value="*">All</option>
        <option value="zip">ZIP</option>
        <option value="rar">RAR</option>
        <option value="php">PHP</option>
        <option value="html">HTML</option>
        <option value="htm">HTM</option>
        <option value="jpg">JPG</option>
        <option value="bmp">BMP</option>
        <option value="txt">TEXT</option>
        <option value="docs">DOCS</option>
        <option value="xlsx">XLSX</option>
        <option value="xls">XLS</option>
    </select>


$( document ).ready(function() {
    $( '#extDropDown' ).bind( 'change', function( e ){
    document.location.href = "?dir=<?php echo $dir; ?>&action=loadfiles&ftype=" + $( this ).val();
  });
}); 

Answer 1

由于您使用的是 JQuery，因此您可以这样做

$( document ).ready(function() {
  // pre-select the existing choice (if any)
  $( '#extDropDown' ).val( '<?php echo $ftype; ?>');

  // now register further changes to the dropdown option
  $( '#extDropDown' ).bind( 'change', function( e ){
    document.location.href = "?dir=<?php echo $dir; ?>&action=loadfiles&ftype=" + $( this ).val();
  });
}); 

更新 修正错别字