Javascript jquery元素未解析_Javascript_Jquery_Html

Javascript jquery元素未解析

javascript jquery html

Javascript jquery元素未解析,javascript,jquery,html,Javascript,Jquery,Html,这个jquery代码没有按预期工作有什么原因吗 <html> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" > <script src="<c:url value="/jquery-1.11.3.js" />"></script> <script type="text/

这个jquery代码没有按预期工作有什么原因吗

<html>
<head>
<link rel="stylesheet"  href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" >
<script src="<c:url value="/jquery-1.11.3.js" />"></script>

<script type="text/javascript">
function selectRat(){
    alert('ajax 1'); //displays OK
    alert('ajax 2: ' +  document.getElementById('test').value );  //displays OK

    alert( $('#test').val() ); //does NOT display

    alert('end of function'); //never reached as previous line fails
    }



</script>

</head>

<body>


    <select  class="offset2 span4 form-control"  name="test"" id = "test" onchange="selectRat()">
<option>1</option>
<option>2</option>
    </select>


</body>
</html>

显示良好，但是

不显示

我很确定原因很明显，但我不明白。首先，请检查控制台日志，查看是否有任何资源未能加载，以确保jQuery库已正确加载

第二，你的HTML选择有一个问题，并有一个额外的，这可能已经造成了一些问题

为了证明一切正常，我清理了您的示例，而不是提醒输出，因为它被代码段查看器阻止，并且控制台将其注销

功能选择鼠{ console.log'ajax1'；//显示OK console.log'ajax2:'+document.getElementById'test'.value；//显示OK console.log$'test'.val；//不显示 console.log'end of function'；//由于前一行失败而无法到达 } 1. 2.

无法加载jQuery库。打开浏览器的错误控制台，它会告诉您。您没有正确加载jQuery。您的脚本标记格式不正确。问题应该是您将jQuery加载到页面的方式：。使用CDN，它就会工作。如果不能，请将脚本src更改为使用单引号。没问题，jQuery可能是一个易变的东西，但只是对所有内容进行双重检查通常会有所帮助

alert('ajax 2: ' +  document.getElementById('test').value );

alert( $('#test').val() );