Want to fix Javascript Error

Question

this is my original Code

HTML -

<select id="sel1">
    <option value="1">ONE</option>
    <option value="2">TWO</option>
    <option value="3">THREE</option>
    <option value="4">FOUR</option>
    <option value="5">FIVE</option>
</select>
<select id="sel2">
    <option value="1">ONE</option>
    <option value="2">TWO</option>
    <option value="3">THREE</option>
    <option value="4">FOUR</option>
    <option value="5">FIVE</option>
</select>

Javascript Code -

var sel2 = $('#sel2').html();
$('#sel1').change(function() {
    $('#sel2').html(sel2);
    $('#sel2 option').each(function() {
        if ($(this).val() <= $('#sel1').val()) $(this).remove();
    });
});

This is the error when i embed this script in my site, please help me to fix this.

TypeError: $ is not a function

include jquery file reference on your page – Muhammad Atif Dec 30 '15 at 14:21 — Muhammad Atif, Dec 30 '15 at 14:21
Yes i used this JQUERY - – Chetan Soni Dec 30 '15 at 14:32 — Chetan Soni, Dec 30 '15 at 14:32
using any CMS or frame work... – Anand Singh Dec 30 '15 at 14:41 — Anand Singh, Dec 30 '15 at 14:41

score 1 · Answer 1 · answered Dec 30 '15 at 14:29

1

You should include JQuery reference in your page.

<script type="text/javascript"
 src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>

answered Dec 30 '15 at 14:29

L.A.

148
7

Still not working, might be it conflicts with some other JS , i'm using WP platform – Chetan Soni Dec 30 '15 at 14:34
Ok, you can add JQuery reference from WP platform? – L.A. Dec 30 '15 at 14:41

score 0 · Answer 2 · answered Dec 30 '15 at 14:39

0

I am sure your order is not correct,Make sure you put this code after you include jquery.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>

<script>
 //your code.
</script>

answered Dec 30 '15 at 14:39

Anand Singh

2,343
1
22
34

if you are using wp use `jQuery` in place of `$` and check. – Anand Singh Dec 30 '15 at 14:45
if it work you can check http://stackoverflow.com/a/12343735/3143384 ans and can use `$` as well – Anand Singh Dec 30 '15 at 14:46
Even if i use your Jquery, it stops my Slider to work , Here's my site URL - http://goo.gl/UY9DWH – Chetan Soni Dec 30 '15 at 14:46

Want to fix Javascript Error

2 Answers2