V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
mumuwen
V2EX  ›  JavaScript

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

  •  
  •   mumuwen · 19 小时 57 分钟前 · 732 次点击

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

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

    有没有大佬有方案,感谢

    5 条回复    2025-03-20 14:01:23 +08:00
    MHPSY
        1
    MHPSY  
       18 小时 50 分钟前
    https://mobile.ant.design/zh/components/search-bar

    使用什么技术栈写的,找个组件库用
    chobitssp
        2
    chobitssp  
       7 小时 46 分钟前
    用 vant 自己实现一个 popup 顶部是 search 组件 下面用 vant-cell + van-checkbox 来支持单多选
    mumuwen
        3
    mumuwen  
    OP
       6 小时 42 分钟前
    @MHPSY antd mobile 没有,就是 react ,主要是问题是要 移动端生成 pc 端组件的交互。
    sjhhjx0122
        4
    sjhhjx0122  
       3 小时 13 分钟前
    弹个抽屉出来抽屉里有输入框拿来搜索
    shunia
        5
    shunia  
       2 小时 59 分钟前
    > 因为考虑到移动端输入框 输入、触碰点击和 pc 端的操作不同

    哪里不同?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5172 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 09:01 · PVG 17:01 · LAX 02:01 · JFK 05:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.