在intel XDK中创建一个SelectBox

时间:2015-07-08 10:58:42

标签: html5 intel-xdk

我刚开始使用英特尔XDK进行编码。而不是以通常的方式显示选择项目(下拉菜单),我希望它们在弹出窗口中显示并从那里选择一个项目。我已经浏览了几个网站,但我找不到一个可以给我想要的结果的例子。

<div data-role="fieldcontain">
            <label for="select-choice-1" class="select">Choose shipping method:</label>
            <select name="select-choice-1" id="select-choice-1" data-native-menu="false" >
                <option value="standard">Standard: 7 day</option>
                <option value="rush">Rush: 3 days</option>
                <option value="express">Express: next day</option>
                <option value="overnight">Overnight</option>
            </select>
        </div>

Jquery中实施起来似乎很容易。但我的问题是,我只能使用英特尔XDK公开的API。我看到在名为af.selectBox.js的插件文件夹中存在javascript文件。但我无法追查如何使用它。我也尝试了Intel XDK 文档。但没有运气。

1 个答案:

答案 0 :(得分:0)

如果你倾向于扩大你的选择范围,我会遇到这个,你做了你想要的。 BUT 它使用jQuery和Bootstrap:

<div class="form-group">
    <label class="control-label col-sm-offset-2 col-sm-2" for="company">Company</label>
    <div class="col-sm-6 col-md-4">
        <select id="company" class="form-control">
            <option>small</option>
            <option>medium</option>
            <option>large</option>
        </select> 
    </div>
</div>

2nd Answer