Javascript 生成的从 Url=NULL HTML 中选择下拉菜单

Question

该网站有一个普通的 HTML 菜单

假设格式

<ul> 
   <li><a>
      <ul> 
         <li><a href=""></li>
         <li><a href=""></li>
         <li><a href=""></li>
      </ul>
   </li>
</ul>

当屏幕尺寸低于 xx 时 Javascript 触发并移除此导航

以格式创建新的选择下拉列表

<select>
   <option val="undefine">text value</option>
   <option val="url">text value</option>
   <option val="url">text value</option>
   <option val="url">text value</option>
</select>

问题

有没有办法禁止点击没有 URL 值的选项？

Answer 1

如果您只想选择没有值"url" 的元素在名为 val 的属性中，然后是一个简单的选择器，例如 $('select option[val!="url"]')会工作。

如果需要检查attr的值是否为val是一个 URL，那么您将需要做一些更多的工作。

我只想选择所有 <option>元素，然后使用 jquery .grep 根据 val 的值过滤数组属性。使用这样的函数 http://dzone.com/snippets/validate-url-regexp确定 val 的值是否为 URL。然后，一旦您拥有所有 <option> 的数组val 的元素属性不包含 URL，请添加 disabled每个元素的属性。

http://api.jquery.com/jquery.grep/ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option