gpt4 book ai didi

javascript - 如何将两个选定的哈希值传递到新 URL,同时保持下拉框中的两个项目处于选中状态

转载 作者:行者123 更新时间:2023-12-01 02:27:58 25 4
gpt4 key购买 nike

一切都按其应有的方式进行。只是在获取哈希事件监听器携带的两个选择框值时遇到问题。目前我只有 #search_region 在那里,它会按其应有的方式保留。我需要其中的 #search_region#search_categories

输出显示www.example.com#135&140。链接 www.example.com#135&140 应该能够复制到新选项卡,并基本上保持选定的两个值。

关于我应该如何解决这个问题有什么想法吗?

 <select name="search_region" id="search_region" class="search_region">
<option value="0">All Regions</option>
<option class="level-0" value="135">Camps Bay</option>
<option class="level-0" value="136">Cape Town</option>
<option class="level-0" value="137">Durbanville</option>
<option class="level-0" value="139">Hermanus</option>
<option class="level-0" value="138">Langebaan</option>
</select>

<select name="search_categories" id="search_categories" class="search_categories">
<option value="">Select Category</option>
<option class="level-0" value="140">140</option>
<option class="level-0" value="141">141</option>
</select>

<script type="text/javascript">
// ADDS selected values to URL
$(function(){
var url = '';
$('#search_region').change(function () {
url = $(this).val();
window.location.hash = url;
console.log(window.location.hash);
});
$('#search_categories').change(function () {
if(url !==''){
window.location.hash = url+"&"+$(this).val();
}
console.log(window.location.hash);
});
});


// carries selected value over to new browser or new tab. *where the help is needed*
window.addEventListener('hashchange', fn, false);

window.onload = fn; // fire on pageload

function fn() {
$('#search_region').val(window.location.hash.replace('#', ''));
console.log("hash = " + window.location.hash);
}
</script>

这是之前提出的问题的补充。链接如下

Displaying two seperate select box values in a URL

最佳答案

这只是检查是否有两个哈希值并将其拆分并将值设置为选择的问题。

function fn() {
var values = window.location.hash.replace('#', '').split('&')
$('#search_region').val(values[0]);
if (values.length > 1){
$('#search_categories').val(values(1));
}
console.log("hash = " + window.location.hash);
}

关于javascript - 如何将两个选定的哈希值传递到新 URL,同时保持下拉框中的两个项目处于选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48583045/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com