jjzjj

insert-select

全部标签

javascript - 如何使用 react-select 呈现 "N items selected"而不是 N 个选定项目的列表

我正在考虑使用react-select作为城市选择器的选择器,用户可以在其中选择一个或多个城市来过滤一些数据。这是在我的页面中呈现的屏幕截图:城市列表可能很大,如果一次选择大量城市,我不希望选择器超出其蓝色容器。这是我现在模拟时发生的情况:我不太喜欢它!我能想到的一种替代方法是呈现“选择的4个城市”而不是整个列表。这将在页面上具有可预测的大小。这如何用react-select完成? 最佳答案 注意:此答案适用于react-selectv1。查看answerbyNearHuscarlv3的解决方案。渲染“选择了N个项目”这可以通过va

javascript - Firefox 扩展 : Get selected text

我正在开发一个简单的Firefox扩展,我想获取选定的文本。我试过这个:varWordCount={/*...*/changeSelected:function(){varselectedText=this.getSelection();varwords=this.countWords(selectedText);this.changeStatus(words,"selected");//alert(selectedText);},getSelection:function(e){varfocused_window=document.commandDispatcher.focusedW

javascript - Chrome DevTools 扩展 : how to get selected element from elements panel in content script?

我已经完成研究并为此苦苦挣扎了一段时间,但我需要您的帮助。我正在构建一个ChromeDevTools扩展。它应该将当前从“元素”面板中选择的元素作为引用传递给内容脚本中定义的JS对象。重要的是我将引用传递给所选元素,或通过其他方式从内容脚本中识别元素。我了解ChromeDevTools中“孤立世界”的工作流程。我还了解扩展页面、背景页面和内容脚本之间的消息传递。这只发生在JSON基元上,因此没有JS范围传递。如何将在devtools元素面板中选择的元素传递给位于被检查页面中的内容脚本?编辑这是我目前所知道的:获取对所选元素的引用:chrome.devtools.inspectedWin

javascript - Select2 错误 - 无响应

我正在使用Select2在我的页面上提供动态选择功能。这是代码:-$("#Spon_Index").select2({placeholder:"Typetoselectasponsor",minimumInputLength:3,multiple:false,width:400,ajax:{url:"../control/autocomplete_sponsor.aspx",data:function(term){returnterm;},results:function(data,page){alert(results);return{results:data}},formatRes

javascript - Select2 相关下拉列表

我正在尝试使用Select2插件来获得4个相互依赖的下拉列表。我一直在努力寻找正确的方法来更新加载选项的数据。我的目标是通过ajax加载新数据,但是一旦我在客户端中拥有它,我就无法将新数据添加到选择列表中。我试过的代码在这里:$(#"a3").select2({placeholder:"selectanitem",allowClear:true}).on("change",function(e){varresults=$.get("url?id=2",function(data,textStatus,jqXHR){$(this).select2({data:{results:data,

javascript - 你如何在 react-select v2 中创建 optgroup?

我想在我的react-select列表中包含optgroups,但它似乎没有在任何地方记录。我有以下结构,这是我从https://github.com/JedWatson/react-select/issues/59中的评论中提取的:render(){constoptions=[{label:"Group1",children:[{label:"Group1,option1",value:"value_1"},{label:"Group1,option2",value:"value_2"}]},{label:"Arootoption",value:"value_3"},{label:"

javascript - Chrome 扩展 : Insert fixed div as UI

我想使用chrome扩展程序将一个div插入到固定位置。它将覆盖您当前正在查看的页面。我担心的是我希望它可以在任何页面上工作而不改变它(除了插入我的固定div),但我不知道我这样做是否可行。目前,该按钮不会显示,我在让div显示时遇到了很多麻烦。顺便说一句,定位暂时只是临时的,一旦我在页面上得到它,我会正确定位它!:)这是我所拥有的:这是我的list:{"name":"poop","version":"0.1","manifest_version":2,"description":"shittyappI'mmaking","background":{"scripts":["script

javascript - 是否可以在不单击的情况下一次显示 HTML Select 表单域中的所有选项?

我正在为任务状态选择字段使用X-EditablejQuery就地编辑库。它的所有阶段如下所示:点击状态然后隐藏状态SPAN并显示隐藏的选择字段。您可以单击选择字段,使其下拉并显示所有可用选项。点击一个新的选择选项值,然后在它发出AJAX请求以保存该值时显示加载微调器图像然后显示新选择的状态值SPAN。再次点击重新开始循环/过程。不过,我正在尝试想出一种更好的方法来选择新值。只有3个选择选项,所以我想一次显示所有3个项目,而不是要求您单击下拉菜单以查看其他2个选项。是否可以通过基本选择来做到这一点,还是需要一个多选字段? 最佳答案 h

javascript - selectize.js 重新加载下拉菜单

我有一个id为“selectCountry”的下拉列表,由ajax填充,成功后我只需绑定(bind)Selectize。$('#selectCountry').selectize({create:true,sortField:'text'});当我通过ajax重新绑定(bind)原始下拉列表并尝试重新加载/重新绑定(bind)或刷新旧的选择自动完成框时,旧列表不会有任何变化。有什么方法可以重新加载或刷新选择下拉列表吗?我试过“clearOptions()”和“refreshOptions()”。P.S,我不想直接绑定(bind)ajax的selectize。好的,现在我在jsfiddl

javascript - 如何去掉默认的边框半径,Select2

我正在使用https://select2.github.io/examples.html但我不想要边界半径。如何删除边框半径以制作搜索框和滑动区域? 最佳答案 您可以添加此css:[class^='select2']{border-radius:0px!important;}fiddle:http://jsfiddle.net/jEADR/1537/ 关于javascript-如何去掉默认的边框半径,Select2,我们在StackOverflow上找到一个类似的问题: