【问题标题】:How can I organize many results in a selectbox using php?如何使用 php 在选择框中组织许多结果?
【发布时间】:2011-02-25 19:41:21
【问题描述】:

我有一个选择框,它是表单的一部分。它当前正在查询地址表并将地址显示到选择框中。我计划拥有多达 100 个地址。

我正在寻找一种解决方案,如果用户单击选择框,我可以显示所有状态。然后,如果用户将鼠标悬停在某个状态上,它将显示该特定状态的所有地址。然后,如果用户单击一个地址,它将在选择框中显示为选择的选项。这就像选择框中的下拉菜单。

有谁知道我在哪里可以找到这样的解决方案?

【问题讨论】:

    标签: php javascript forms select


    【解决方案1】:

    您没有指定服务器技术,所以我将使用 JS 解决方案。您要做的不是使用<select> 元素,而是使用下拉菜单之类的东西。

    Take your pick. 您必须自定义解决方案以满足您的需求。

    编辑:下拉结构中的每个最终<a> 都将使用 JavaScript 在页面上设置隐藏的<input>,以便发布。

    编辑2:看看这个iPod style drill down menu

    【讨论】:

    • 我不知道这是如何工作的,因为我需要使用选择框中的 POST 值,如果我使用经典下拉菜单,则不会有 POST 值在将显示为字符串的地址上。您有任何具体的下拉菜单示例可以帮助我解决我的情况吗?
    • 如果您确实想采用这种方法,您可以标记下拉链接以更改隐藏表单元素的值,本质上是模拟表单控件。
    【解决方案2】:

    您需要将所有地址预加载到客户端,然后使用 JavaScript 或 CSS 执行悬停操作,否则如果您选择加载悬停操作,您的用户将不得不等待 ajax 响应。但我不认为有一个预先编写的脚本可以为你执行这个确切的任务。但这听起来像是 JQuery 的工作。

    版本:

    使用 javascript 的 onmouseover 而不是 CSS 的 :hover。 CSS 的 :hover 仅适用于 IE 中的 <a>

    【讨论】:

    • 我找到了一个很棒的插件,但它适用于 Mootools,而且我已经在我的页面上使用了 jQuery。就是这样:php-help.ro/examples/chained_select我很想找到这样的 jquery 解决方案
    • @zeckdude 似乎是一个很棒的插件。但如果我是你,我会自己编写脚本。其中许多插件都带有额外的花里胡哨,只会降低您的性能。这就像使用计算器做 1 + 1。你看起来很聪明,可以在不到一天的时间内学会完成这项工作所需的一切:)
    猜你喜欢
    • 1970-01-01
    • 2014-07-28
    • 2021-06-08
    • 1970-01-01
    • 2015-08-31
    • 2012-09-12
    • 1970-01-01
    • 2022-01-13
    • 2022-06-15
    相关资源
    最近更新 更多