根据URL中的值设置下拉列表

Question

我有一个页面正在使用另一个导航bar.ascx进行国家/地区下拉菜单。 现在，当我从该下拉列表中选择一个国家时，相应的页面将在新选项卡中打开。 并再次加载该下拉菜单。 我希望下拉列表显示当前选择的国家。 国家名称在URL中。

我只有一个ascx文件，而没有CS文件。 那么如何用JS完成操作，以便我可以将JS保留在导航栏页面本身上。 并仅检查网址中的国家/地区名称，并显示在新页面的下拉菜单中选择的值。

<select onchange="open(this.value,'','');">
   <option>Select Region</option>
   <option value="/africa">Africa</option>
   <option value="/Australia">Australia</option>
   <option value="/Europe">Europe</option>
   <option value="/Latin-America">Latin America</option>
   <option value="/Middle-east">Middle East</option>
   <option value="/North-America">North America</option>
   <option value="/South-Asia">South Asia</option>
   <option value="/South-East-Asia">South East Asia</option>
   </select>

Answer 1

您可以使用此方法-

onchange="window.open(this.value, '_blank').focus()"

Answer 2

您可以使用javascript获取页面的网址

在javascript / jquery的页面加载事件上，您可以获取url并操纵该值

window.location.href

这将为您提供页面的URL，现在您可以根据需要操纵url的值。

Answer 3

在document.ready（）中，从url中获取您的国家/地区名称。在将下拉列表示例代码中选择的国家/地区名称设置为以下位置后，您可以将当前URL作为window.location.href获得：-

$document.ready(function(){
  var countryname = windows.location.href;
  $(select).val(countryname);
 }
);

使用split()方法从网址获取您的国家名称。