代码之家 › 专栏 › 技术社区 › Vikas Hire

未捕获的类型错误:$(…)。SelectBox不是函数

jquery-selectbox drop-down-menu html jquery javascript

Vikas Hire · 技术社区 · 7 年前

我正在使用下面的代码从下拉列表中选择选项,但我得到:

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字段:

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

我在代码中包含了所有的javascript源代码,但它仍然给了我错误。有什么解决办法吗?

1 回复 | 直到 7 年前

user7637745 Alaa 7 年前

为了使用 jQuery selectBox ,只需将其正确加载到页面上(例如 via CDN )中。

$(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 属性及其价值 selectBox 使用jquery选择它,例如:

您的标记:

<select class="selectBox">

通过以下方式选择:

$(".selectBox").selectBox();

推荐文章

Yahya · 不能将我保存在props中的id用作reactselect中的默认值

1 年前

RSW · 使用plotly绘制多个pandas列,并使用下拉菜单选择列

1 年前

Jake Hembree · 多个下拉框

1 年前

MaÅ¥o Valapka · 下拉菜单会扭曲其他按钮

1 年前

Santi · Shadcn/ui选择-当用户选择项目时更改状态

2 年前

João Bosco · 使用python player从选择下拉列表中选择一个值

2 年前

Xeschoz · 为discord bot制作下拉菜单时出错

2 年前

Meghan M. · JS新手:NodeList返回null但有元素

2 年前

Hiyanneri · CSS-如何使用CSS增加下拉列表的宽度?

2 年前

T.Omalley · 数据验证源Excel中的嵌套函数

2 年前