html表单添加一些javascript代码

Question

我想在HTML表单模式中添加JavaScript。 但是当我定义计数变量时出现错误“未捕获的referenceError：$未定义”。

所以，我该如何解决这个问题。

 <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> 

Answer 1

有3个错误

• 使用src而不是href 。
• 将src赋予script标签后，该标签内的脚本将被忽略 。
• 请将其放在body标签之外或head标签中。

演示

 <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> 

Answer 2

尝试这个。 您正在使用href插入的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>