选择下拉菜单从Url=NULL HTML

Javascript Generated Select Drop-down Menu From Url=NULL HTML

本文关键字：NULL HTML Url 下拉菜单 选择      更新时间：2023-09-26

网站有一个正常的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值?

如果您只想选择在命名为val的属性中没有值"url"的元素，那么简单的选择器如$('select option[val!="url"]')将起作用。

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

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

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

相关文章：