Question

我需要一个下拉列表，其中包含change事件上url的一些参数。因此，当您从列表中选择一个选项时，它会将您重定向到具有一些额外参数的同一页面以查询数据。问题是当你更改下拉列表时它不记得它的选择选项可能有人告诉我如何让一个下拉列表显示所选的选项跨URL更改。

<script tpye="text/javascript">
    $(function() {
        $('#sort_by').on('change', function(e) {
            window.location.href + $(this).val();   
        })
    })
</script>

<select id="sort_by" name="sort_by">
    <option>Sort By</option>
    <option value="&sort_by=title&direction=asc">Title ASC</option>
    <option value="&sort_by=title&direction=desc">Title DESC</option>
    <option value="&sort_by=created_date&direction=asc">Created Date ASC</option>
    <option value="&sort_by=created_date&title=asc">Created Date DESC</option>
</select>

Answer 1

我在查询字符串'selected'中添加了一个额外的参数，以使下拉列表记住其选定的值。

$option[0] = array('value'=>'','title'=>'Sort By');  
$option[1] = array('value'=>'?sort_by=title&direction=asc&chosen=1','title'=>'Title ASC');
$option[2] = array('value'=>'?sort_by=title&direction=desc&chosen=2','title'=>'Title DESC');
$option[3] = array('value'=>'?sort_by=created_date&direction=asc&chosen=3','title'=>'Created Date ASC');
$option[4] = array('value'=>'?sort_by=created_date&title=asc&chosen=4','title'=>'Created Date DESC');



<select id="sort_by" name="sort_by">
    <?php foreach($option as $key=>$val){ 
            $a = ""; if($_GET['chosen']==$key){$a = 'selected="selected"';} 
            echo '<option '.$a.' value="'.$val['value'].'">'.$val['title'].'</option>';

 } ?>

</select>

希望它可能会有所帮助。

dropdownlist redirect记住选择的选项

1 个答案: