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>

问题

有没有办法禁用点击不具有网址值的选项？

Answer 1

如果您只想在名为"url"的attr中选择不具有值val的元素，则可以使用简单的选择器（如$('select option[val!="url"]')）。

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

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

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

Javascript Generated选择下拉菜单来自Url = NULL HTML

1 个答案: