草庐IT

nice-select

全部标签

javascript - select2 动态改变项目

我有两个链接的选择:第一个选择的每个值决定哪些项目将显示在第二个选择中。第二个select的值存储在一个二维数组中:[[{"id":1,"text":"a"},{"id":2,"text":"b"},...],[{"id":"1a","text":"aa"},{"id":"1b","text":"ba"},...],...]第一个选择值确定用于填充第二个选择的索引。因此,在第一个“更改”事件中,我应该能够修改select-two包含的项目。阅读文档我认为我需要使用“数据”选项...但不确定示例如何在初始化时加载数组数据,如果我在初始化后尝试执行相同操作,它似乎不起作用。HTMLAttr

javascript - 在 React 中使用多个选项从 <select> 中检索值

React设置为选择框选择哪个选项的方法是设置一个特殊的value支持本身,对应于value上的属性您希望被选中的元素。对于multiple选择这个Prop可以接受一个数组。现在因为这是一个特殊属性,我想知道当用户更改内容时检索相同的选项值数组结构中的选定选项的规范方法是什么(所以我可以通过回调将其传递给父组件等),因为可能是相同的value属性在DOM元素上不可用。举个例子,对于一个文本字段,你会做这样的事情(JSX):varTextComponent=React.createClass({handleChange:function(e){varnewText=e.target.va

javascript - HTML SELECT - 使用 JavaScript 按 VALUE 更改所选选项

SELECT下拉列表中可以有很多选项。123...我正在创建一个更新个人资料页面,其中从数据库中检索用户的个人资料,并显示包含这些值的表单。当谈到SELECT下拉菜单时,有很多选项。因此,它繁琐地测试所有值if(value=='1')echo"1";`所以,我想从它的值中选择相应的选项。就像当我使用JavaScript执行类似sel.value='bike'的操作时,应该选择选项2。 最佳答案 您可以使用javascript选择值:document.getElementById('sel').value='bike';DEMO

javascript - 在 select2 中使用 AJAX 标记

我正在用select2做标记我对select2有这些要求:我需要使用select2ajax搜索一些标签我还需要在select2中使用“标签”,它允许不在列表中的值(Ajax结果)。这两种情况都是独立工作的。但是连接在一起的aJax值只会被填充。如果我们键入不在列表中的任何其他值,则会显示“未找到匹配项”我的场景如果用户键入任何不在列表中的新值,允许他们组成自己的标签。有什么方法可以让它工作吗? 最佳答案 Select2具有函数“createSearchChoice”:Createsanewselectablechoicefromus

javascript - Select2 Ajax 方法不选择

好吧,我确定这里有一些简单的设置错误,但我不是100%是什么。所以我正在尝试使用Select2AJAX方法作为用户搜索数据库并选择结果的一种方式。通话本身会返回结果,但它不允许我从列表中选择答案。它似乎也不允许您在悬停或向上/向下箭头时“选择”它。所以不用多说,这是我的代码:index.html选择.jsjQuery(function(){varformatSelection=function(bond){console.log(bond)returnbond.name}varformatResult=function(bond){return''+bond.name+''}varin

javascript - 防止 iPhone 在 web-app 中放大 `select`

我有这个代码:KlassenDocentenLokalenLeerlingen在iPhone上的全屏网络应用程序中运行。从该列表中选择某项时,iPhone会放大select元素。并且在选择某些内容后不会缩小。我该如何防止这种情况发生?还是缩小? 最佳答案 这可能是因为浏览器试图缩放区域,因为字体大小小于阈值,这通常发生在iphone中。提供元标记属性“user-scalable=no”将限制用户在其他地方缩放。由于问题仅出在select元素上,请尝试在您的css中使用以下代码,此hack最初用于jquerymobile。HTML:C

javascript - 按值对 Html Select 的选项进行排序的最有效方法是什么,同时保留当前选定的项目?

我有jQuery,但我不确定它是否有任何内置的排序助手。我可以为每个项目的text、value和selected属性制作一个二维数组,但我不认为javascript内置于Array.sort()会正常工作。 最佳答案 将选项提取到临时数组中,排序,然后重建列表:varmy_options=$("#my_selectoption");varselected=$("#my_select").val();my_options.sort(function(a,b){if(a.text>b.text)return1;if(a.textMozi

javascript - jQuery : select all element with custom attribute

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:jQuery,Selectbyattributevalue,addingnewattributejQuery-Howtoselectbyattribute请考虑这段代码:11111111111111222222222233333333333>4444444444如何选择具有属性MyTag的所有p标签?谢谢

javascript - 以编程方式触发 "select file"对话框

我有一个隐藏的文件输入元素。是否可以通过按钮的单击事件触发其选择文件对话框? 最佳答案 如果您希望拥有自己的按钮来上传文件而不是使用,你可以这样做:请注意,我使用了visibility:hidden,而不是display:none.您不能在未显示的文件输入上调用点击事件。 关于javascript-以编程方式触发"selectfile"对话框,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/quest

Javascript/jQuery : Set Values (Selection) in a multiple Select

我有一个多选:TestProfLiveOffOn我从我的数据库加载数据。然后我有一个这样的字符串:varvalues="Test,Prof,Off";如何在多选中设置这个值?已经尝试更改数组中的字符串并将其作为值放入多个中,但不起作用...!有人可以帮我弄这个吗?谢谢!!! 最佳答案 使用使用属性选择器的动态选择器中的值遍历循环。varvalues="Test,Prof,Off";$.each(values.split(","),function(i,e){$("#stringsoption[value='"+e+"']").pro