草庐IT

select_element

全部标签

javascript - 使用纯 JavaScript 获取事件的选择元素值

我想在点击选择元素时获取选择元素的值!我想在HTML中没有onchange属性的情况下执行此操作。我想在没有jQuery的情况下实现这一目标。当这个小脚本是我唯一需要的东西时,我不想将jQuery框架包含到这个网站中。varselect_element=document.getElementById('product-form-user-enquiry-type');select_element.onchange=function(e){if(!e)vare=window.event;varsvalue=select_element.value;alert(svalue);}if(se

javascript - 启用 select2 多选搜索框

我需要能够使用select2将搜索框添加到我的多选字段。无论出于何种原因,虽然搜索框按预期出现在单选字段中,但对多选字段的相同select2()调用不会添加搜索框。vardata=[];//Programatically-generatedoptionsarraywith>5optionsvarplaceholder="select";$(".mySelect").select2({data:data,placeholder:placeholder,allowClear:false,minimumResultsForSearch:5});select2不支持多选搜索框吗?谁有类似功能的

javascript - 使用 Ajax 的 Select2 不发送请求

我正在使用Select2版本4.0.0并尝试从返回我需要的已格式化数据的PHP脚本加载远程JSON。问题是黑暗势力在搞事情,因为我就是不能发送请求,没有错误,但是没有发送请求,它只是安静得像个魔鬼,我都快哭了!我正在使用LiveScript和Jade作为JavaScript和HTML的替代品,但我会在这里翻译它们。首先,我的标记定义了可选字段:然后,我可以让它看起来像一个可选择的元素:$("#satan-hates-me").select2({placeholder:"Hail",minimumInputLength:1,ajax:{//Herethatbadthingshappen,

javascript - 在 Select2 中获取和缓存结果

我的应用程序使用select2来显示通过Ajax调用检索的名称列表。它使用select2ajax功能。但问题是每当我在select2输入上键入时,select2都会获取项目。我不想每次用户输入时都获取。我想在select2的初始加载中获取项目,然后使用相同的数据,即使他们在select2输入中键入也是如此。我怎样才能做到这一点?PS:我在Ajax中看到过缓存标志,但我认为它会根据URL缓存结果。当用户在select2输入上键入时,它不会停止获取数据。 最佳答案 Select2使用ajax就地缓存加载数据。$("#selIUT").s

javascript - 华丽的弹出窗口 : Get current element in callback

在MagnificPopup中,我想在点击的链接中获取一个属性,并在回调函数中使用它(使用回调:open)来对DOM进行一些更改。我该怎么做?例如,在下面的代码中,它应该向控制台返回“itworks”。相反,它会打印“不起作用”。请帮忙!!Showinlinepopup$(document).ready(function(){$('.open-popup-link').magnificPopup({type:'inline',midClick:true,callbacks:{open:function(){if($(this).attr('myatt')=="hello"){//dos

javascript - 如何在 select2 多选中预选值?

我有这样的多项选择:AppleMangoOrange现在,除了必须在选择框中选择的那些选项外,我还需要额外的ajax功能,这些功能将从远程源提供值。这是我的select2代码$(function(){$(".myList").each(function(){$(this).select2({placeholder:"Searchforfruits",minimumInputLength:2,multiple:true,id:function(e){returne.id+":"+e.name;},ajax:{url:"https://localhost:8443/fruit_search

javascript - 如何在 Reactjs 中使用 Select2?

我有这样的依赖字段如果我有5组件。如何添加Select2每个组件。我在网上搜索。但找不到任何有效的解决方案。Codebelowforreact-select.GettingerrorTypeError:event.targetisundefined.varReact=require('react');varReactDOM=require('react-dom');varSelect=require('react-select');varPage=React.createClass({getInitialState:function(){return{firstValue:''}},h

javascript - d3.select 方法不起作用

我是datavis和D3库的新手,我正在尝试按照此处的指示操作http://mbostock.github.com/d3/tutorial/bar-1.html当我运行代码时,我的网页上没有任何显示,谁能指出问题所在??我认为它与d3.select方法有关。当我运行代码并检查它时,主体是空的,所以我假设没有创建任何东西。任何帮助将不胜感激!!!3Dtut-1vardata=[4,8,15,16,23,42];//containerforthebarchartvarchart=d3.select("body").append("div").attr("class","chart");//

javascript - "CUSTOM_ELEMENTS_SCHEMA"Angular 2 App 测试错误

在为我的Angular2应用程序编写测试时,我遇到了这些错误:我们正在使用的选择器:"):AppComponent@12:35'tab-view'isnotaknownelement:1.If'my-tab'isanAngularcomponent,thenverifythatitispartofthismodule.2.If'my-tab'isaWebComponentthenadd"CUSTOM_ELEMENTS_SCHEMA"tothe'@NgModule.schemas'ofthiscomponenttosuppressthismessage.("[ERROR->]我已经添加了

javascript - Vuetify v-select onchange 事件返回先前选择的值而不是当前值

我有一个我想用作URL列表以导航到其他页面的下拉列表。我遇到的问题是onchange我正在使用的事件返回先前选择的值而不是当前选择的值。我调整了代码以打印到控制台而不是用于测试。:hint功能运行良好,所以我确定这与onchange有关功能。Codepen代码如下:/*eslint-disable*/newVue({el:'#app',data(){return{select:{report:'Rep1',src:'/rep1'},items:[{report:'Rep1',src:'/rep1'},{report:'Rep2',src:'/rep2'}]}},methods:{cha