当前位置：文江博客话题详情

Jquery 自定义选择/组合框

发布于 2024-09-28 12:11:38 字数 118 浏览 4 评论 0原文

我正在使用 jQuery；我有一个选择框，其选项是从 json 对象填充的。但由于数据库可能不完整，我想为用户提供输入自定义值的能力。我一直在寻找的大多数组合框解决方案都以某种方式出现故障。在这种情况下有哪些替代解决方案？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

入画浅相思 2024-10-05 12:11:38

您可以使用 jQuery 可编辑组合框插件来实现此目的。

jQuery 可编辑组合框是一个 jQuery
可以让你转变的功能
任何标签都可编辑
组合框。
这是通过添加一个新的
携带输入值的元素
键盘。这仅适用于
选择元素。任何其他元素
该函数将应用于 will
被忽略。

回复收藏 0 原文

度的依靠╰つ 2024-10-05 12:11:38

也许是一个自动完成框？用户可以开始输入并显示您的选项，但也可以输入不同的值。例如：

QuickSelect

QuickSelect 插件可以将您的

回复收藏 0 原文

七月上 2024-10-05 12:11:38

Professional jQuery based Combobox control? 上的解决方案都侧重于使用输入作为手段过滤并自动完成现有的选择值。

我看到“jQuery 可编辑组合框”的主要问题是它仍然是一个选择列表，而且您可以开始输入新内容这一点并不明显。

如果您正在寻找传统的组合框，即“键入某些内容或从这些预定义值中进行选择”（不，我们不会隐藏您键入时不匹配的值），您可以需要做的是

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

查看
http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo -2/

应该很容易将其包装到转换现有选择标签的插件中，尽管我还没有看到这样做。

The solutions on Professional jQuery based Combobox control? all focus on using the input as a means to filtering and autocompleting to an existing select value.

The main problem I see with "jQuery Editable Combobox" is that it remains a select list, and it is not obvious at all that you can just start typing something new.

If you're looking for the traditional combo box, which is simply "Type something or select from these pre-defined values" (no we won't hide the ones that don't match while you're typing), all you may need to do is

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

See
http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

Should be easy to wrap this into a plugin that converts an existing select tag, though I haven't seen that done yet.

回复收藏 0 原文

~没有更多了~