Multi tool use

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

I'm using the code below to select options from drop down, but I'm getting:

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


in console. I'm going to use jquery-selectBox.

My code:

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


and in the body tag I get a select field:

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


I included all JavaScript sources in my code, but still it's giving me the error. Any solution?

<script src="jquery.selectbox.js" type="text/javascript"></script>

1 Answer
1

In order to use jQuery selectBox, just load it properly on your page (e.g. 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>

To use your markup more efficiently, in this case, use your element's class attribute and its value selectBox to select it using jQuery, e.g.:

class

selectBox

Your markup:

<select class="selectBox">


Select it via:

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


By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.