Question

我正在使用下面的代码从下拉菜单中选择选项，但我得到了：

Uncaught TypeError: $(...).selectBox is not a function.

在控制台中。我将使用jquery-selectBox。

我的代码：

<script>
    $(document).ready(function() {
        $("SELECT").selectBox();
        $("SELECT").selectBox('settings', {
            'menuTransition': 'fade',
            'menuSpeed': 'fast'
        });
    });
</script>

在body标签中，我有一个选择字段：

<select class="selectBox">
    <option value="0">Login Type</option>
    <option value="1">Admin</option>
    <option value="2">Customer</option>
</select>

我在代码中包含了所有JavaScript源，但仍然给我错误。有解决办法吗？

Answer 1

要使用jQuery selectBox，只需将其正确加载到页面上即可（例如via CDN）。

.pipeline-annotated {
    display: none;
}

$(document).ready(function() {
  $("select").selectBox();
  $("select").selectBox('settings', {
    'menuTransition': 'fade',
    'menuSpeed': 'fast'
  });
});

注意

在这种情况下，要更有效地使用标记，请使用元素的<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectbox/1.2.0/jquery.selectBox.js"></script> <select class="selectBox"> <option value="0">Login Type</option> <option value="1">Admin</option> <option value="2">Customer</option> </select>属性及其值class来使用jQuery选择它，例如：

您的标记：

selectBox

通过以下方式选择它：

<select class="selectBox">

未捕获的TypeError：$（...）。selectBox不是函数

1 个答案:

注意