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();
  });
});

<强>更新修复错字

如何在页面加载onchange后保持选中下拉选项

1 个答案: