选择不是href而是#id的选项

Question

我有一个选择框，选项值的构建方式如下。

<option value="#/page/<?=$count;?>" id="selector-page-<?=$count;?>">Page <?=$count-1;?> to <?=$count;?></option>

选择选项时需要将＃/ page值附加到网址，而不刷新页面。

在href上工作得很完美，但无法通过选项选择附加。

Answer 1

为什么不在单击选项时使用window.location.hash = '#/page';？

为您的class提供CSS id或select，然后您可以执行以下操作：

$('select#YOUR_SELECT_ID').change(function(){
   window.location.hash = $(this).val();
});

Answer 2

将函数绑定到每次选择更改时，值都将更新，您可以将其设置为位置哈希：

$('#your_select_id').on('change', function() {
    window.location.hash = this.value;
});

Answer 3

jsFiddle

$("#selectId").on('change',function(){
  window.location.hash = $(this).val();
});