Question

我对HTML / CSS / JavaScript中的网页设计和编码比较陌生，因此我会切入追逐。

我需要能够使用Materialise CSS在我负责创建的网站的一部分上创建下拉表单。到目前为止，我已经创建了下拉表单，并使用用户可以选择的选项填充它。我遇到了麻烦，一旦用户选择了一个选项，就会在表单中显示。我有以下代码：

HTML：

<div class="input-field col s12">
    <select id="selector">
        <option value="" disabled selected>Add Activity</option>
        <option value="1">Tree Ropes</option>
        <option value="2">Abseiling</option>
        <option value="3">Bike Scramble</option>
        <option value="4">Rafting</option>
    </select>
    <label>Choose an Activity</label>
</div>

JQuery的：

<script>
$(document).ready(function() {
    $('select').material_select();
    $('select').append("<option></option>");
}  );
</script>

有了JQuery，我觉得事情开始出错了。

任何帮助都将受到高度赞赏并增加我的知识，从而减少了我提出的愚蠢问题的数量。感谢。

Answer 1

确保在您的materialize.js文件之前实现jquery 。

我更新了your fiddle.

以下是select-element的更新html：

<div class="container"> <div class="input-field col s12"> <select id="selector" class="red-text"> <option value="" disabled selected>Add Activity</option> <option value="1">Tree Ropes</option> <option value="2">Abseiling</option> <option value="3">Bike Scramble</option> <option value="4">Rafting</option> </select> <label>Choose an Activity</label> </div> </div>

更新“物料化”下拉表单中的选定选项

1 个答案: