Question

我想用引导程序制作漂亮的选择框，我在这里发现很棒：http://wrapui.com/items/preview/wrapkit/1.0/form-elements.html。但我无法理解如何在“Select-Select2”div 中创建一个选择字段“选择您的时区”。 Select as I want it
我试图包含该引导主题中包含的所有css和js文件，复制粘贴整个<form>但它无法正常工作。
好消息是select元素出现在bootstrap主题中。坏消息是点击没有动作，选择框没有打开。 Select as I made it 此外，morris.min.js中的浏览器控制台“未捕获错误：未找到图形容器元素”中也存在错误。这里： https://github.com/morrisjs/morris.js/issues/137 它说那个

JavaScript的代码在DOM包含#annual元素之前执行。将javascript放在div之后或使用jQuery.ready（）。

但所有的javascript代码都包含在html文件的末尾。

我已经挣了几天。如果有人可以提供帮助，请附：我在后端使用Ruby on Rails。

Answer 1

这是html代码：

我还在jsfiddle外部库中包含了css并选择了2个文件。也检查了它。

<label class="col-sm-3 control-label" for="select2">Please select something</label>
<div class="col-sm-5">
    <select style="width:100%" data-input="select2" placeholder="Select your time zone">
        <option value=""></option>
        <optgroup label="Alaskan/Hawaiian Time Zone">
            <option value="AK">Alaska</option>
            <option value="HI">Hawaii</option>
        </optgroup>
        <optgroup label="Pacific Time Zone">
            <option value="CA">California</option>
            <option value="NV">Nevada</option>
            <option value="OR">Oregon</option>
            <option value="WA">Washington</option>
        </optgroup>
        <optgroup label="Mountain Time Zone">
            <option value="AZ">Arizona</option>
            <option value="CO">Colorado</option>
            <option value="ID">Idaho</option>
            <option value="MT">Montana</option>
            <option value="NE">Nebraska</option>
            <option value="NM">New Mexico</option>
            <option value="ND">North Dakota</option>
            <option value="UT">Utah</option>
            <option value="WY">Wyoming</option>
        </optgroup>
        <optgroup label="Central Time Zone">
            <option value="AL">Alabama</option>
            <option value="AR">Arkansas</option>
            <option value="IL">Illinois</option>
            <option value="IA">Iowa</option>
            <option value="KS">Kansas</option>
            <option value="KY">Kentucky</option>
            <option value="LA">Louisiana</option>
            <option value="MN">Minnesota</option>
            <option value="MS">Mississippi</option>
            <option value="MO">Missouri</option>
            <option value="OK">Oklahoma</option>
            <option value="SD">South Dakota</option>
            <option value="TX">Texas</option>
            <option value="TN">Tennessee</option>
            <option value="WI">Wisconsin</option>
        </optgroup>
        <optgroup label="Eastern Time Zone">
            <option value="CT">Connecticut</option>
            <option value="DE">Delaware</option>
            <option value="FL">Florida</option>
            <option value="GA">Georgia</option>
            <option value="IN">Indiana</option>
            <option value="ME">Maine</option>
            <option value="MD">Maryland</option>
            <option value="MA">Massachusetts</option>
            <option value="MI">Michigan</option>
            <option value="NH">New Hampshire</option>
            <option value="NJ">New Jersey</option>
            <option value="NY">New York</option>
            <option value="NC">North Carolina</option>
            <option value="OH">Ohio</option>
            <option value="PA">Pennsylvania</option>
            <option value="RI">Rhode Island</option>
            <option value="SC">South Carolina</option>
            <option value="VT">Vermont</option>
            <option value="VA">Virginia</option>
            <option value="WV">West Virginia</option>
        </optgroup>
    </select>

查看此fiddle

选择2显示Bootstrap的问题

1 个答案: