筛选第二次选择不工作
FilteringSelect not working second time
我在测试文件中有以下内容。我正在尝试将filteringselect中的选定值写入divider。第一次它正常工作,但下一次过滤没有发生(下拉菜单中没有可用的值)。对于筛选的第一次更改,请选择onchange成功调用。
请协助我查找问题。我是道场新手。DOJO版本-DOJO 1.8
<script>
require([
"dojo/store/Memory", "dijit/form/FilteringSelect", "dojo/domReady!"
], function(Memory, FilteringSelect){
var stateStore = new Memory({
data: [
{name:"Alabama", id:"AL"},
{name:"Alaska", id:"AK"},
{name:"American Samoa", id:"AS"},
{name:"Arizona", id:"AZ"},
{name:"Arkansas", id:"AR"},
{name:"Armed Forces Europe", id:"AE"},
{name:"Armed Forces Pacific", id:"AP"},
{name:"Armed Forces the Americas", id:"AA"},
{name:"California", id:"CA"},
{name:"Colorado", id:"CO"},
{name:"Connecticut", id:"CT"},
{name:"Delaware", id:"DE"}
]
});
var filteringSelect = new FilteringSelect({
id: "stateSelect",
name: "state",
placeHolder: "Select a State",
store: stateStore,
searchAttr: "name",
onChange: function(value) {
var text1 = document.getElementById("divid").innerHTML
document.getElementById("divid").innerHTML = text1 + dijit.byId('stateSelect').attr('displayedValue') + ';';
}
}, "stateSelect");
});
</script>
<div id="divid">
Select a State : <input id="stateSelect">
</div>
您的错误是由于您记录输出的方式造成的:
var text1 = document.getElementById("divid").innerHTML;
document.getElementById("divid").innerHTML = text1 + [...]
由于"divider"包含FilteringSelect-dijt标记,因此再次设置divide.innerHTML会覆盖现有DOM并扰乱现有FilteringSelect-Dijt实例。通常,您不应该修改dijit实例的DOM。只需在标记中添加一个空的span元素即可记录您的值:
<div id="divid">
Select a State : <input id="stateSelect">
<span id="buffer"></span>
</div>
onChange变为:
onChange: function(value){
var text1 = document.getElementById("buffer").innerHTML;
document.getElementById("buffer").innerHTML = text1 + [...]
}
相关文章:
- 为什么不'在JQuery中找到第二个css选择器的工作
- jQuery选择器无法正常工作
- JavaScriptDOM正常工作时JQuery选择器不工作
- 点击选择Div不在IE上工作
- jquery鼠标选择无法正常工作
- 谷歌表单-根据分配给谷歌应用程序的工作为商业用户预先填充多项选择列表
- JS-颜色选择器只有第一个工作
- Javascript字母选择没有'我不能在谷歌浏览器上工作
- 取消光谱颜色选择器不工作
- Jquery选择选项并获取只工作一次的更改值(页面加载时)
- 复杂选择器在jQuery 1.8中中断,但在1.7.2中工作
- jQuery选择器在脚本中不起作用,但在控制台中工作
- 如何使 html 选择选项在 Meteor 中工作
- 当页面回发ASP.NET时,时间选择器javascript将停止工作
- 添加Jquery验证后,Jquery日期选择器无法工作
- 复选框选择/取消选择触发器第一次工作,但在随后的尝试中失败
- Anjularjss ng选项不工作选择
- IE8: element:first-child不能工作(选择我实际想要的父元素)
- Jquery代码不能与Internet explorer一起工作-选择框选项基于另一个选择框
- 将工作选择元素添加到现有表中