js select 缺少对象

select值：  
<select name="select1" class="select1" id="select1">
<option>-新闻中心</option>
<option>-招聘信息</option>
<option>-产品信息</option>
<option>-案例信息</option>
</select><input type="text" id="txt_ser" class="textfiled1" value=""/><input name="" type="button"  onclick="sercher()" class="submit1" value="搜 索"/>
js代码：
var select=$(".select1").val();
错误提示：
缺少对象。指向代码    var select=$(".select1").val();
只有在首页的时候会出现错误，其他页面就不会。

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    function sercher(){
    alert( $(".select1 option:selected").val()); }
    </script>
    </head><body>
    <select name="select1" class="select1" id="select1">
    <option>-新闻中心</option>
    <option>-招聘信息</option>
    <option>-产品信息</option>
    <option>-案例信息</option>
    </select>
    <input type="text" id="txt_ser" class="textfiled1" value=""/>
    <input name="" type="button" onclick="sercher()" class="submit1" value="搜 索"/>
    </body>
    </html>