草庐IT

selection-change

全部标签

javascript - Bootstrap-select 插件 : how to avoid flickering

Bootsrap-select插件非常棒(http://silviomoreto.github.io/bootstrap-select/)。它提供了一种在Bootstrap中创建华丽的选择菜单的极其简单的方法。然而,我遇到的一个问题是页面加载时“闪烁”。我的意思很简单:页面加载了原始的HTMLselect元素(当然看起来像废话)Bootstrap-select插件JS运行在页面加载后的某个明显时间,原始HTMLselect元素在步骤(2)中被JS转换为漂亮的Bootstrap-select元素。因此,用户首先看到HTMLselect元素,然后看到它切换到漂亮的Bootstrap-sel

javascript - jQuery JavaScript : take action when radio button is selected

我有以下单选按钮,默认情况下没有一个被选中。homeworkschool我如何检测它们中的任何一个何时被选中。我正在寻找类似点击的东西,但它不起作用$("input[name=location]").click(function(){alert("selected");}); 最佳答案 $('input[name=location]').change(function(){alert(this.checked);}); 关于javascript-jQueryJavaScript:take

javascript - jquery datepicker change event trigger 和 input 的默认 change event

我有日期选择器$('.inp').datepicker();$(".inp").on("change",function(){console.log('inpchanged');});当我第一次更改“.inp”时手动输入一个值,然后我立即点击日期选择器打开的日历。我有两个“更改”事件监听器。首先是手动更改,然后是日期选择器更改。我怎样才能避免这种情况? 最佳答案 设置你的输入readOnly,它会帮助你通过图标改变字段的值。然后使用onSelect获取选择的日期,如下:$(function(){$(".inp").datepicke

javascript - Angular JS : get ng-model on ng-change

我有以下HTML这是由以下带有国家列表的对象提供的$scope.countries=[{name:Afeganistão,country:AF},{name:ÁfricadoSul,country:ZA},name:Albânia,country:AL},{name:Alemanha,country:DE},{name:Andorra,country:AD}...];当我更改下拉列表值时,我希望我的模型($scope.country)在filterByCountry函数内得到更新,但事实并非如此。我在这里缺少什么? 最佳答案 ng-

javascript - jQuery $el.trigger ('change' ) 不会触发 native 监听器

考虑以下HTML:o1o2和JavaScript(在文档就绪时执行):var$select=$('select');varselect=$select.get(0);functionlogger(msg){returnfunction(){console.log(msg);};}$select.on('change',logger('jqueryonselect'));$(document).on('change',logger('jqueryondocument'));select.addEventListener('change',logger('nativeonselect'),

javascript - 将 Angular select ng-init 设置为数组中的第一个值

我有一个简单的选择元素,我试图强制存在一个值以提交表单,我已经尝试设置必需的属性以及使用ng-init来确保选择了一个值,但都失败了。我正在使用ng-options从具有ref属性的对象数组创建值列表。然后我想使用ng-init将显示的值设置为数组中的第一个Object.ref。我已经尝试过以下但没有任何运气ng-init="model.refmarker='refmarkers[0]'"ng-init="model.refmarker='refmarkers[0].ref'"ng-init="model.refmarker='rm.ref'"required属性也不起作用?angul

javascript - jQuery 删除基于另一个选择的 SELECT 选项(需要支持所有浏览器)

假设我有这个下拉列表:123我想要这样当用户选择1时,这是用户可以为下拉列表2选择的内容:abc或者如果用户选择2:ab或者如果用户选择3:bc我尝试了这里发布的代码:jQuerydisableSELECToptionsbasedonRadioselected(Needsupportforallbrowsers)但它不适用于选择。求助!谢谢!更新:我真的很喜欢PaoloBergantino的回答:jQuerydisableSELECToptionsbasedonRadioselected(Needsupportforallbrowsers)有没有办法修改它以使用选择而不是单选按钮?jQ

javascript - 正确使用 jQuery select2 的 initSelection 回调与远程数据

我使用jQueryselect2插件来使用提供的ajax回调函数检索邮政编码,如下所示:$(document).ready(function(){$("#postcodes").select2({placeholder:"Searchforapostcode",multiple:true,minimumInputLength:3,ajax:{url:"/bignibou/utils/findGeolocationPostcodeByPostcodeStartingWith.json",dataType:'json',data:function(term){return{postcode

javascript - "select by object path"的 lodash ?

假设我有这个对象(或这些对象的数组):varperson={birth:{place:{country:'USA'}}};我认为有一个lodash函数,我可以在其中传递'birth.place.country'并取回值USA。lodasdh3.x有这样的功能吗,还是我瞎想的? 最佳答案 您可以使用_.get功能:_.get(person,'birth.place.country','optionalDefaultValue');lodash还提供了一个名为_.result的函数,它也可以调用函数。

javascript - 我怎样才能专注于 selectize 选择框?

关注选择框(已启用selectize)不关注选择的输入框:$('.someclassselect').focus();关注selectize自己的inoutbox好像也不行:$('.someclassinput').focus();Selectizedocs提到focus但这似乎也不起作用。看这个jsfiddle:varselectized=$('#selectize').selectize();selectized.focus();我希望carat|准备就绪并立即输入框中。我如何从JavaScript中关注一个selectize选择框,以便用户可以在其中输入内容?