dojo筛选选择不工作正确

我想使用下面的代码来实现dojo筛选选择，但得到奇怪的显示没有错误。dojo筛选选择不工作正确

我刚刚更换源js文件，由于其功能是工作，但问题仍然存在

http://o.aolcdn.com/dojo/1.2.3/dojo/dojo.xd.js

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Simple FilterSelect Example</title> 
    <style type="text/css"> 
    @import "../dijit/themes/soria/soria.css"; 
    @import "/resources/dojo.css"; 
    </style> 
    <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.2.3/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script> 
    <script type="text/javascript"> 
dojo.require("dojo.parser"); 
dojo.require("dijit.form.FilteringSelect"); 
</script> 
</head> 
<body class="soria"> 
    <select dojoType="dijit.form.FilteringSelect" name="countryName" autocomplete="true" 
    value="sel"> 
    <option value="sel" selected="selected">Austria</option> 
    <option value="1" >Australia</option> 
    <option value="2" >Canada</option> 
    <option value="3" >Germany</option> 
    <option value="4" >Japan</option> 
    <option value="5" >United Kingdom</option> 
    <option value="6" >United States of America</option> 
    <option value="7" >Afghanistan</option> 
    <option value="8" >Albania</option> 
    <option value="9" >Algeria</option> 
    <option value="10" >American Samoa</option> 
    <option value="11" >Andorra</option> 
    <option value="12" >Angola</option> 
    </select> 
</body> 
</html>

来源

2012-03-20 user1280838

这应该工作，但是我怀疑你的样式表没有加载。从谷歌的CDN试试这个：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Simple FilterSelect Example</title> 
    <style type="text/css"> 
    @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dijit/themes/soria/soria.css"; 
    @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/resources/dojo.css"; 
    </style> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script> 
    <script type="text/javascript"> 
dojo.require("dojo.parser"); 
dojo.require("dijit.form.FilteringSelect"); 
</script> 
</head> 
<body class="soria"> 

<div style="padding:2em"><!-- for visibility --> 

    <select dojoType="dijit.form.FilteringSelect" name="countryName" autocomplete="false" 
    value="sel" queryExpr="*${0}*"> 
    <option value="sel" selected="selected">Austria</option> 
    <option value="1" >Australia</option> 
    <option value="2" >Canada</option> 
    <option value="3" >Germany</option> 
    <option value="4" >Japan</option> 
    <option value="5" >United Kingdom</option> 
    <option value="6" >United States of America</option> 
    <option value="7" >Afghanistan</option> 
    <option value="8" >Albania</option> 
    <option value="9" >Algeria</option> 
    <option value="10" >American Samoa</option> 
    <option value="11" >Andorra</option> 
    <option value="12" >Angola</option> 
    </select> 

</div> 

</body> 
</html>

另外，我建议来调整FilteringSelect来有autocomplete="false"和queryExpr="*${0}*"

来源

2012-03-20 13:35:06 pp19dd

是的，它可能是CSS /样式问题 - 请在Firebug Net标签以确保没有404s

我也只是用你的标记创建了一个jsfiddle，它似乎在流行的浏览器中工作得很好。结账：

http://jsfiddle.net/jA4KX/

你可以改变小提琴，以配合您的道场版本，并用它玩

心连心

来源

2012-03-20 19:20:08

dojo筛选选择不工作正确

回答

相关问题