选择选项不要href，但要#id

Question

我有一个选择框，并且选项值被构建为。

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

在选项的选择需要在＃/页值添加到URL，而无需刷新页面。

在href上完美工作，但无法通过选项选择追加它。

Answer 1

绑定到每当选择的变化，该值将被更新的功能，你可以设置为位置哈希：

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

Answer 2

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

给一个CSS class或id您select，然后你可以做这样的事情：

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

Answer 3

jsFiddle

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