javascript - 根据 URL 中的关键字使用 Javascript 隐藏下拉选项

Question

我需要根据产品来源的 URL 隐藏产品的某些选项。然而，这对我来说有点棘手，因为在这种情况下我无法定位选项值。

示例网址:http://www.website.com/department/alabama/shirt.html

<select id="select_135">
    <option value="">-- Please Select --</option>
    <option value="1849" selected="selected">NONE </option>
    <option value="1850">Alabama 1</option>
    <option value="1851">Alabama 2</option>
    <option value="1852">Arizona</option>
    <option value="1853">California</option>
    <option value="1854">Texas</option>
</select>

在这种情况下，我想隐藏所有不包含“Alabama”一词的选项，而不使用值编号。目标是使其在整个网站范围内工作，因此如果它们属于另一个类别，它将执行相同的操作，但使用新的 URL。

所以对于下一个状态:http://www.website.com/department/texas/shirt3434.html ，它会做同样的事情，但对于德克萨斯这个词。

关于如何做到这一点有什么想法吗？

Answer 1

使用下面的代码。检查DEMO

$( document ).ready(function(){
 var url = " http://www.website.com/department/alabama/shirt.html";

  // to get URL use below code
  // var url = window.location.href;

 url =  url.split('/');
 var word = url[url.length-2];

 $("#select_135 option").each(function(){
   if($(this).text().toLowerCase().indexOf(word) == -1){
     $(this).hide();   
   }
 });
});