代码之家  ›  专栏  ›  技术社区  ›  Neil Middleton

可编辑的选择框是否正确?

  •  1
  • Neil Middleton  · 技术社区  · 16 年前

    我有一个场景,用户在一个基于html的web应用程序中向另一个用户发送电子邮件。

    对于“收件人:”字段,用户可以从预定义的电子邮件列表中选择一个,或者输入自己的电子邮件,而忽略预定义的选项。

    从ui的角度来看,最好的方法是什么?我使用jquery查看了可编辑的选择框,但似乎没有一个允许您输入自己的选项。

    还有其他的ui机制可以在这里工作吗?

    3 回复  |  直到 16 年前
        1
  •  2
  •   tvanfosson    16 年前

    您可以尝试使用类似jquery的东西 autocomplete 插件。这将给你一个文本框,你可以简单地输入电子邮件,但也提供了一组可选择的电子邮件地址,可以选择代替。修改插件上的设置,可以使其在字段获得焦点后显示地址集(作为可选列表)。这与textbox+select的语义类似,但我认为界面看起来不那么混乱。

        2
  •  1
  •   Robusto    16 年前

    我喜欢这样做的方式是使文本输入的行为类似于下拉列表的过滤器。用户可以从列表中选择一些内容,也可以键入几个字符进行筛选,或者继续键入并创建一个唯一的字符串。在select上设置一个size属性,比如说6,这样它就显示为一个可选列表,而不是一个按钮。

    <div>
      <input id="mySelectInput type="text" onchange="filterSelect()"/><br/>
      <select id="mySelect" size="6">
        <!-- array of options -->
      </select>
    </div>
    

    那就写你的 筛选器选择() 功能

        3
  •  0
  •   OverLex    16 年前

    你可以采用一种混合的方法:一个可写字段,在用户写地址时提供地址建议,就像gmail那样,或者我猜是其他的webmail系统。

    这样,您将向用户显示他自己保存的地址,但留给他编写新地址的机会。