账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何在web页面上优雅的动态展示多个(不确定)个下拉框呢。
    55
    0

    如题,想在web页面上放置多个下拉框,但是下拉框的个数和下拉框前的提示字符是不确定的,所以这就会造成一个问题,在对这些下拉框进行排列或者布置的时候,很乱,要不就是很难看的那种,所以咨询下有没有知道比较优雅的排列的方式呢? 现在的做法是将每一个的select放置在单独的div中,并使用栅格每行显示4个到5个,展示效果不是很理想。
    比如
    123:[下拉菜单1] 456:[下拉菜单2] 789:[下拉菜单3]
    ... ...
    这样就会导致,如果换成大屏幕的刷,每个div之间的间隔非常难看。
    有没有好的办法呢,请各位指点下。谢谢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 暖心欧巴 普通会员 1楼

      在Web页面上优雅的动态展示多个下拉框,你可以使用JavaScript或者jQuery。以下是一个简单的例子,展示了如何使用JavaScript动态添加多个下拉框:

      ```html

      Dynamic Dropdowns

      ```

      在这个例子中,我们首先获取了所有的下拉框元素,并使用getElementsByClassName方法获取了它们。然后,我们遍历这些元素,为每个元素添加了一个事件监听器,当下拉框的内容发生变化时,会弹出一个警告框。

      你也可以在JavaScript中直接操作下拉框的值,如下所示:

      ```html

      Dynamic Dropdowns

      ```

      在这个例子中,我们添加了一个新的值New Value到每个下拉框的值中,当下拉框的内容发生变化时,会弹出一个警告框,并且下拉框的值也会随之改变。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部