Tag: 多选

如果/ Else表格的邮政编码/县filter

我有一个网站,其中包含我所居住地区某些县的特定内容。 我想创建一个表单,帮助用户访问他们需要的特定页面。 因为我不想要一个县的下拉列表。 我希望用户输入邮政编码,然后如果该邮政编码中存在重叠,则选择一个县。 我不确定这是否可行,但我正在尝试创建一个可以执行此操作的表单: 表单的第一部分:输入邮政编码的文本框,然后单击提交,然后显示隐藏的可用县的显示无线电组选项,根据他们选择的县,它们将被定向到特定的URL。 我试图将它基于我在Fiddle上看到的代码 这是我正在使用的(并失败) Zip Code: Option County1, County2 or Other Option County3, County4 or Other Please call our office for a quote jQuery的: $(function () { var zipCode1 = [‘11111’, ‘22222’, ‘33333’]; $(‘#id_div_one, #id_div_sorry’).hide(); var zipCode2 = [‘44444’, ‘55555’, ‘66666’]; $(‘#id_div_two, #id_div_sorry’).hide(); $(‘#zip_form’).submit(function () { $(‘#id_div_one, #id_div_two, #id_div_sorry’).hide(); if (jQuery.inArray($(‘#id_zip_code’).val(), […]

JQuery:如何将多行从一个表拖到另一个表?

这是小提琴 我有一个可以多行选择的可拖动行的表,但是我想将它们一起拖到另一个表中并将它们拖放到那里 – 不要作为附加元素附加到另一个表中,而是用信息做一些事情,即表格提交。 我的例子最初基于我在这里找到的另一个演示: 多拖动演示 以下是此问题基本示例的HTML代码。 Row 1 Row 2 Row 3 accomplished 这是JQuery代码 $(‘.droppableItem’) .bind(‘dragenter dragover’, false) .bind(‘drop’, function(event){ accomplished($(this),event); }); $(‘.DraggableThings tr’).bind(‘click’, function () { $(this).toggleClass(“selected”); }); $(‘.DraggableThings tr’).bind(‘dragstart’, function(event){ var mytext = event.target.innerText; event.originalEvent.dataTransfer.setData(‘txt’, mytext ); }); $(‘.DraggableThings tr’).drag(“init”, function () { return $(‘.selected’); }).drag(function (ev, dd) { $(this).css({ top: dd.offsetY, […]

将Dropkick或MultiSelect插件添加到样式选择元素时,更改function停止工作

当我添加用于样式选择或多选元素的插件/小部件时,此更改function停止工作(Dropkick – http://jamielottering.github.com/DropKick/和jQuery UI MultiSelect Widget http:// www。 erichynds.com/jquery/jquery-ui-multiselect-widget/ ):-( 知道怎么解决这个问题吗? 我把插件添加到小提琴中时遇到了一些麻烦,所以我创建了单独的小提琴: http : //jsfiddle.net/chayanyc/Dhaat/201/ – 有效的函数http://jsfiddle.net/chayanyc/vWLEn/89/ -使用由Dropkick设计的Select元素的function(不起作用) http://jsfiddle.net/chayanyc/3jr2v/69/ – 由UI MultiSelect Widget设置的多选元素的function(不起作用) var $increase_priority1 = $(“.increase_priority1”); $(“.trigger_rank1, .complaint select”).change(function () { var name = $(this).data(“name”); if ($(“#Shoulders select”).val() === “Too_small” && $(this).val() == 1 && !$(this).data(“increase_priority1”)) { $(“”, { text: name, val: name }).appendTo($increase_priority1); […]

模拟按住Ctrl键

我目前正在尝试更改多选元素的默认行为,以便用户可以选择和取消选择多个值,而无需一直按Ctrl键。 我在这里找到了一个简单的解决方案,但这在ie8中不起作用(因为在ie中, onmousedown 不适用于选项元素 )。 但我想,只要鼠标hover在多选中,就可以模拟按下的控制键: $(document).ready(function() { $(‘select’).hover(function(e) { var kde = jQuery.Event(“keydown”); kde.ctrlKey = true; //something like this kde.keyCode = 17; //or this – i don’t know $(e.target).trigger(kde); }); }); 为什么这不起作用? 是否直接再次释放Ctrl键? 代码有问题吗? 我完全错过了其他的东西吗?

jQuery插件Chosen(增强mutliselects)在Chrome中运行良好,但在Internet Explorer中运行缓慢

我目前正在使用Chosen jQuery插件 。 看看我的小提琴: http : //jsfiddle.net/3XWSe/ 尝试Chrome和Internet Explorer中的小提琴(我使用IE 11测试)。 请注意,在Chrome浏览器中单击多选时有一个延迟(4或5秒),而在Chrome中则非常少,几乎没有。 此示例下拉列表列出了德克萨斯州的所有城市,并且有近5000个选项。 我打开了selected.jquery.js并将问题跟踪到这个调用: Chosen.prototype.update_results_content = function(content) { return this.search_results.html(content); //<– Problem here when loading the large amount of HTML into the element }; 我注意到,在第一次点击后,如果我停止this.search_results.html更新所有后续点击,则多选将不再缓慢响应。 要解决第一次单击的问题,我需要以某种方式预加载内容。 有任何想法吗? 关于如何解决IE的这个性能问题的任何建议 ,或者你知道另一个可以在IE中处理这些大量选项的类似jQuery插件吗? (我试过select2和其他一些无济于事)。 编辑:由于这个问题在一年中变得流行,我想让大家知道我放弃了选择,现在使用Select2 4.0( 具有大数据和无限滚动的出色性能 )。 它似乎是为了让开发人员能够更容易地装饰和改变它而在移动设备上运行。

使用angularjs为默认值分配多选下拉列表

我正在使用这个插件http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ 如果您查看此页面中的演示部分,请使用“智能按钮文本”演示,因为我正在使用它。 在此演示中,如果您选择任何用户,这些名称将显示在栏中。 现在,我想给它默认值。 因此,只要页面加载,此多选下拉列表中就会出现默认值。 在正常情况下,我可以使用ng-init。 在这种情况下我该怎么办? 请有人在这里说清楚……

Jquery Multiselect:如何知道选择/取消选择哪个值

我有Multiselect下拉列表。 每当有选择或取消选择时,我需要获得该值。 我正在使用更改事件,但努力获取选择/取消选择哪个选项。

如何从多选列表框中获取所选项目以便选择它们?

我有web应用程序,我在页面加载时使用数据库中的项目填充列表框。 我从列表框中选择了所有项目,但它们按照填充顺序排列。 我希望这些项目按用户选择的顺序排列。 我尝试使用jQuery的.change(function()但它只返回第一个选中的项值。 我附上我的代码供参考。 我使用http://harvesthq.github.com/chosen/使用了listbox 这是我的列表框: 这是我调用的jQuery: $(document).ready(function() { $(‘#dr_menuitem’).change(function() { alert($(“#dr_menuitem option:selected”).val()); }); });

Multiselect,Jquery:检查我的多重选择是否应该选择至少一个选项

嗨,我会总结一下我的问题,希望你能理解。 主要目标:在点击选择按钮之前检查是否至少选择了其中一个选项。 否则,如果单击“选择”按钮而未选择至少一个选项,则会显示“请选择至少一个选项”的消息。 目的:我在其他代码中有理由需要一个选择按钮,而不是只选择多个选择而不需要按钮。 表单如下所示: 简单的HTML代码: // My Select Id is monthlymonth For the Month Of: October November December /My Select button, Id is monthsubmit. 现在我的JQuery: $(“#monthsubmit”).unbind(‘click’).bind(‘click’, function() { if (// code that checks if no options is selected at least one) { alert(‘Please choose at least one month’); } else { // my other […]

SHift单击jqgrid multiselect缺少最后一行

我从这篇文章中采用了这个代码并制作了这个小提琴 。 尝试单击第一行,然后按住Shift键单击最后一行。 如果您注意到此代码执行得很好,除了最后一行,您单击的行不会被选中。 我一直在摸不着头脑。 任何人都可以帮我改变代码,以便多选也选择最后一行吗? 谢谢!