精英干员瑕光 2022-05-06 12:12 采纳率: 76.5%
浏览 54
已结题

html如何动态呈现下拉框内容

希望达成的效果：
第二个框里的可选择内容根据第一个框的选项决定
疑惑：
1.目前查到了三级联动的方法，但是三级联动是根据id来的，那假设我有4行，我就得写8个 id ，太过繁琐。
能不能写一行然后每行都使用这种方法呢 ？ 我该怎么实现
2。假设我每行的框一id都叫 a ，框二id叫 b ，那我点击第二行的框一时是否会影响到其他行的框二呢。

img

  • 写回答

3条回答 默认 最新

  • zlebhs 2022-05-06 12:39
    关注

    你这些下拉框的内容都是差不多的，或者说一样的是吧，那直接抽一个函数出来就行了，每个下拉框点击就调用这个函数

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

  • 前端基础 — HTML内容
    2022-01-19 21:17
    Struggle_Hard_Z的博客 HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b...
  • 基于jquery扩展漂亮的下拉框可以二次修改
    2020-12-09 13:08
    继续发一篇关于web前端自定义控件——ComboBox(下拉框),以往我在使用下拉框控件老是为了样式丑陋而烦恼，现在分享这个控件，希望有用的同仁们可以收藏，或进行二次修改，达到你想要的效果。 分解自定义下拉框： 1....
  • layui的select下拉框插件，可以多选
    2022-06-24 11:20
    layui是一款流行的前端UI框架，它提供了丰富的组件和样式，使得开发者能够快速构建美观且功能强大的Web应用。在layui中，`select`下拉框插件是用于创建选择项的控件，尤其适用于需要用户从一系列选项中进行多选的...
  • Vue下拉框动态加载数据
    2021-09-17 15:51
    深色風信子的博客 Vue下拉框动态加载数据 <template> <a-select v-model="model.type" show-search placeholder="请选择下拉框数据" style="width: 100%"> <a-select-option v-for="item in info" v-bind:key="item...
  • 前端开发：HTML无微不至保姆级教学
    2025-07-16 13:20
    代码猴的一生的博客 本文是一篇HTML入门教程，主要介绍了HTML的基础知识和常用元素。首先讲解了HTML的定义、特点及文档结构，包括DOCTYPE声明、html元素、...教程采用实例演示的方式，配有代码和效果图，适合前端开发初学者学习HTML基础。
  • 前端HTML知识总结
    2022-07-25 16:54
    m0_67751642的博客 HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字...
  • web前端开发HTML4基础教程
    2024-10-06 10:47
    零点浮生的博客 如果您的html基础不扎实或者想回顾一下html的知识，欢迎阅读这篇文章！
  • 【前端开发笔记】尚硅谷-html
    2024-11-02 14:46
    DanB24的博客 全称：...超文本：暂且简单理解为“超级的文本”，和普通文本比，内容更丰富。标记：文本要变成超文本，就需要用到各种标记符号。语言：每一个标记的写法、读音、使用规则，组成了一个标记语言。
  • 带模糊搜索的树状下拉框
    2020-12-26 09:55
    在前端开发中，有时我们需要创建一个交互性强且功能丰富的组件，比如“带模糊搜索的树状下拉框”。这个组件可以极大地提升用户在选择数据时的体验，特别是当选项较多时。本文将深入探讨实现这一功能所涉及的核心技术...
  • 利用Jquery实现可多选的下拉框
    2020-12-09 16:52
    在网页开发中，有时我们需要创建一个可让用户多选选项的下拉框，这在传统的HTML `<select>` 标签中是无法直接实现的。然而，借助JavaScript库如jQuery及其插件，我们可以轻松地实现这一功能。本文将详细介绍如何利用...
  • 前端-第一部分-HTML
    2023-11-09 20:36
    dgw2648633809的博客 HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元素。HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。HTML文本是由 HTML 标签组成的描述性文本，...
  • web前端开发与应用——创建下拉列表
    2021-12-01 22:40
    leo Messi 7的博客 可为用户提供一组选项，允许用户从中选取，通常呈现为下拉菜单的样式。 select控件的基本结构 下拉列表选择区是由<select>标签和<option>标签构成，其中<select>标签用来创建下拉列表，<...
  • 前端学习—HTML 进阶
    2025-12-22 17:41
    X_Eartha_815的博客 dl>HTML 区块是指将网页中的元素进行分组归类的方式，目的是通过结构化包裹，方便统一控制样式、布局和逻辑，分为「块级区块」和「内联区块」两类，核心载体就是（块级）和（内联）。简单说：区块就像 “收纳盒”，...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月18日
  • 已采纳回答 5月10日
  • 创建了问题 5月6日