Tag: combobox

jquery在“选择”标签或combobox上滑动上下效果

我有一个带有以下选项的“select”标签： Blue Red Green 我想使用jquery添加“slideUp”和“slideDown”效果，但我找不到一个简单的例子来满足我的需要。 效果应该像这个combobox示例： Telerik Combobox

Jquery – 基于combobox的筛选器列表框

我有两个列表显示汽车公司，第二个显示所有汽车 这是第一个comboxbox（第一个选项是ALL） ALL GM Honda Ford 这是我的第二个lisbox Chevy [GM] Buick [GM] Civic [Honda] Accord [Honda] Focus [Ford] 基于第一个combox选择，我应该只显示第二个列表中的汽车公司汽车。 即使是第二个列表也有括号中的汽车公司名称。这是固定格式。 再次从第一个列表中，如果用户选择“全部”，我应该显示所有车辆。 任何机构都可以给我一个实现这个或代码片段的想法吗？ 谢谢你的帮助 问候 基兰

jQuerycombobox/自动完成但可编辑

我正在使用jQuery Autocomplete，但我需要它可以编辑。 我的意思是，如果列表中没有值，我需要捕获它们输入的值。 使用上面链接中的示例，用户可能看不到他们的选择，例如C＃，并且会键入他们的语言。 我在默认行为中发现的是，如果在列表中找不到该值，则会清除用户响应。 我添加了以下代码： options: { allowUserDefined: false }, 和 var self = this, **options = this.options,** 和 if (!valid && !options.allowUserDefined) { // remove invalid value, as it didn’t match anything $(this).val(“”); select.val(“”); input.data(“autocomplete”).term = “”; return false; } 防止响应被清除。 而这些改变确实有效。 但由于在列表中找不到C＃，因此没有选定的选项可以返回。 如何让代码返回输入字段中输入的内容？ 在调试代码时，特别是在change事件中，input.val（）包含输入的文本，这就是我需要的。 我只是无法弄清楚如何访问这个值。 谢谢。 这是我完整的js文件： (function ($) { $.widget(“ui.combobox”, { […]

如何使用jQuery动态添加combobox

我有这个工作代码创建一个combobox： 你可以看到它在这里工作： jsfiddle $(‘body’).on(‘change’, ‘.combo’, function() { var selectedValue = $(this).val(); if ($(this).find(‘option’).size() > 2) { var newComboBox = $(this).clone(); var thisComboBoxIndex = parseInt($(this).attr(‘data-index’), 10); var newComboBoxIndex = thisComboBoxIndex + 1; $(‘.parentCombo’ + thisComboBoxIndex).remove(); if (selectedValue !== ”) { newComboBox.attr(‘data-index’, newComboBoxIndex); newComboBox.attr(‘id’, ‘combo’ + newComboBoxIndex); newComboBox.addClass(‘parentCombo’ + thisComboBoxIndex); newComboBox.find(‘option[val=”‘ + selectedValue + ‘”]’).remove(); $(‘body’).append(newComboBox); } […]

如何在AJAX JSON数据中使用jQuery自动完成combobox？

我需要使用combobox来执行以下操作。 Select box具有用户可以搜索的默认城市列表。 如果用户在input框中键入文本，我需要进行ajax调用以获取数据并向用户显示选项。 如果为用户的请求提取了数据，则应将这些城市附加到“ Select box的选项Select box 使用jQuery自动完成我能够在用户输入字符串并显示结果时获取json数据。 但是，我对如何使用combobox集成它非常无能为力。 Combobox使用静态数据数组进行搜索，如果我理解正确，则使用正则表达式匹配值。 但是，如何中断它并使用ajax调用从服务器获取数据并更新结果？ 输入文本框的自动完成function： $( “#searchDestination” ).autocomplete({ delay: 500, source: function( request, response ) { $.ajax({ url: “/wah/destinationsJson.action”, dataType: “json”, data: { term: request.term }, type: “POST”, success: function(data){ if(data.cities.length == 0) return response([“No matching cities found for ” + request.term]); response( $.map(data.cities, function(item){ return{ label: […]

如何使用jquery auto complete combobox设置默认值？

使用jquery ui autocomplete combobox时 ，可以为combobox设置默认值吗？

嵌入对象后面的jquerycombobox（仅限IE）

在Internet Explorer中，我有一个jquerycombobox，它在嵌入对象后面打开（例如pdf文档）。 如何确保combobox始终位于嵌入对象的前面？ 看到这个小提琴的例子： http ： //jsfiddle.net/RDd3A/258/ （更新的小提琴包含我试图解决它） HTML： Select one… Really long stuff that might wrap Normal Stuff 使用Javascript： $(“#combobox”).combobox(); （我已经剥夺了所有的CSS） 我已经尝试过以下方法： 使用wmode =“transparant”作为属性 在url中使用？wmode = transparant 使用iframe 使用z-index 不幸的是，这无济于事，combobox仍然落后于嵌入式文档。 任何人？

可过滤的多选combobox穿梭/转移小部件

背景 我正在寻找一个基于jQuery或JavaScript的combobox穿梭小部件，允许用户过滤源列表。 源列表是combobox（在左侧），目标列表是第二个combobox（在右侧）。 小样 小部件应该类似于： 现有的jQuery 小部件 ： 用法 用户可以： 键入正则表达式以过滤源列表（例如， Toy.* ）。 窗口小部件隐藏了与filter表达式不匹配的所有项目。 在源列表中选择一个或多个项目（使用单击，按住Control键单击和按住Shift键单击选择）。 单击>>将项目从源列表传输到目标列表。 清除filter以显示完整的源列表。 技术 理想情况下，combobox将使用多选HTMLcombobox，标记将是微不足道的： Toyota Mitsubishi Nintendo Samsung Bank of Kyoto Mazda Fuji Honda $(‘#sourceList’).shuttle(); 发现 这些很接近： http://archive.plugins.jquery.com/project/crossSelect – 没有filter http://quasipartikel.at/multiselect/ – 不允许多项选择 http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html – 没有filter http://davidwalsh.name/demo/multi-select.php – 使用MooTools; 没有filter http://devblog.jasonhuck.com/assets/comboselect/ – 没有filter http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select – 没有filter http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ – MooTools 这几乎是完美的： […]