如何在移动端 h5 页面实现<Select/>搜索下拉选择框！

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 432 days ago, the information mentioned may be changed or developed.

背景：移动端 h5 页面，想实现一个类似于管理后台的<Select />支持搜索的下拉框（交互要和管理后台 antd 的 Select 一样），有什么好的实现方案或者第三方 js 库吗？

问题：因为考虑到移动端输入框输入、触碰点击和 pc 端的操作不同。例如边输入变搜索，下拉框遮挡问题...

有没有大佬有方案，感谢

5 replies • 2025-03-20 14:01:23 +08:00

MHPSY

Mar 19, 2025

https://mobile.ant.design/zh/components/search-bar

使用什么技术栈写的，找个组件库用

chobitssp

Mar 20, 2025

用 vant 自己实现一个 popup 顶部是 search 组件下面用 vant-cell + van-checkbox 来支持单多选

mumuwen

Mar 20, 2025

@MHPSY antd mobile 没有，就是 react ，主要是问题是要移动端生成 pc 端组件的交互。

linkopeneyes

Mar 20, 2025

弹个抽屉出来抽屉里有输入框拿来搜索

shunia

Mar 20, 2025

> 因为考虑到移动端输入框输入、触碰点击和 pc 端的操作不同

哪里不同？