时间戳

首页 > 解决方案 > Datalist 或 Select 取决于浏览器支持

javascript - Datalist 或 Select 取决于浏览器支持

问题描述

我想使用datalist，但如果浏览器不支持它，我想显示一个基本的select。实现这一目标的最简单方法是什么？我宁愿不使用 JavaScript（除了简单的解决方案，不会弄乱代码和 HTML 表单）。它可能是 PHP 的 if 语句或类似图片标签的东西，它选择了最好的可用图像：

<picture>
  <source srcset="img.webp" type="image/webp">
  <source srcset="img.jpg" type="image/jpeg"> 
  <img src="img.jpg">
</picture>

我已经准备了一些解决方案，但我想选择最好的一个。目前最好的解决方案是制作两个 div（datalist 和 select）并在页面加载后以这种方式删除一个 div：

if ('options' in document.createElement('datalist'))
    $('#basicSelect').remove()
else
    $('#datalist').remove()

以上解决方案取自this question。

提前致谢。

标签： javascriptphphtml-datalistbrowser-support

解决方案

推荐阅读