html form add some javascript code

Question

i want to add javascript in my html form modal. but i got error "uncaught referenceError: $ is not defined" when i define count variable.

So ,how can i resolve this question.

<div class="modal">
    <form id="multiform">
        <script rel="javascript" type="text/javascript" href="/static/js/jquery.min.js">
            var count=$('select#ip option:selected').length;
            alert(count);
            /*code more*/ 
        </script>
    </form>
</div>

gurvinder372 · Accepted Answer · 2018-02-06 06:57:01Z

3

There are 3 mistakes

Use src instead of href.
Once you have given src to a script tag, then script inside that tag will be ignored.
Keep it outside body tag or in head tag.

Demo

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal">
  <form id="multiform">
  </form>
</div>
<script>
  var count = $('select#ip option:selected').length;
  alert(count);
</script>

answered Feb 6, 2018 at 6:57

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul Sahu · Accepted Answer · 2018-02-06 06:55:21Z

0

Try this. you are using href insted of src

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal">
    <form id="multiform">
        <script  type="text/javascript">
            var count=$('select#ip option:selected').length;
            alert(count);
            /*code more*/ 
        </script>
    </form>
</div>

answered Feb 6, 2018 at 6:55

Rahul Sahu

2351 silver badge6 bronze badges

Collectives™ on Stack Overflow

html form add some javascript code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related