如何从自动完成列表中删除以前选择的项目
[英]How to remove previously selected items from autocomplete list
问题描述
我正在使用 jquery 自动完成，我可以从自动完成中选择一个项目，我不希望以前选择的项目出现在自动完成下拉列表中。
例如：从下面代码片段中的自动完成，我输入“c++”并选择这个项目，我点击按钮然后一个带有输入元素的新行被添加到顶部，值为“c++”。 现在，当我在自动完成中再次键入“c++”时，我不希望出现“c++”以供选择。
这是代码片段
let $selectedValue; let $ArraySample = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]; function maintest () { let $table = $('<table>').prop("id", "testTable"); let $row0 = $('<tr>').prop("id", "selectedRow").appendTo($table); let $cell0 = $('<td>').appendTo($row0); let $input2 = $("<input>").prop("id","input0").appendTo($cell0); let $cell1 = $('<td>').appendTo($row0); let $button = $("<button>").addClass('btn').text("Button").click(function() { let $row1 = $('<tr>').insertBefore($("#selectedRow")); let $cell2 = $('<td>').appendTo($row1); let input3 = $("<input>").addClass("input1").prop("value",$selectedValue).appendTo($cell2); }).appendTo($cell1); $("#mainDiv").append($table); $("#input0").autocomplete( {"source": $ArraySample , select:function(event, ui) { $selectedValue = ui.item.value; removeItem($selectedValue); } }); } function removeItem($item) { $ArraySample = $ArraySample.filter(function(item) { return item !== $item; }) } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <body onload="maintest()"> <div id="mainDiv"></div> </body>
1 个解决方案
解决方案1
2 2020-02-13 18:24:37
您的 removeItem 函数可能有误。 看https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array.splice 方法
let $selectedValue; let $ArraySample = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]; function maintest () { let $table = $('<table>').prop("id", "testTable"); let $row0 = $('<tr>').prop("id", "selectedRow").appendTo($table); let $cell0 = $('<td>').appendTo($row0); let $input2 = $("<input>").prop("id","input0").appendTo($cell0); let $cell1 = $('<td>').appendTo($row0); let $button = $("<button>").addClass('btn').text("Button").click(function() { let $row1 = $('<tr>').insertBefore($("#selectedRow")); let $cell2 = $('<td>').appendTo($row1); let input3 = $("<input>").addClass("input1").prop("value",$selectedValue).appendTo($cell2); }).appendTo($cell1); $("#mainDiv").append($table); $("#input0").autocomplete( {"source": $ArraySample , select:function(event, ui) { $selectedValue = ui.item.value; removeItem($selectedValue); } }); } function removeItem($item) { // ==== UPDATE HERE === $ArraySample.splice($ArraySample.indexOf($item),1) // ==== UPDATE HERE END === } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <body onload="maintest()"> <div id="mainDiv"></div> </body>
从asp.net和Ajax中的列表中删除自动完成选择的项目
[英]Remove autocomplete selected item from the list in asp.net and Ajax
单击“全选”后，如何取消选中先前选择的其他选定列表项？
[英]How do I uncheck the other selected list items that was previously select after I click on “Select All”?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.