文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery链式选择不起作用

问jquery链式选择不起作用
EN

Stack Overflow用户

提问于 2013-02-21 15:20:01

回答 2查看 2.9K关注 0票数 0

我试着在这个链接上做一些简单的用法

http://www.appelsiini.net/projects/chained

但第二个下拉列表仍然显示所有选项。这是我的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="jquery.chained.js"      charset="utf-8"></script>
<script>
if (jQuery().chained) {  
alert('jQuery is loaded!');  
}
else{  
alert('jQuery is not loaded!');  
}
</script>

<select id="mark" name="mark">
<option value="">--</option>
<option value="bmw">BMW</option>
<option value="audi">Audi</option>
</select>
<select id="series" name="series">
<option value="">--</option>
<option value="series-3" class="bmw">3 series</option>
<option value="series-5" class="bmw">5 series</option>
<option value="series-6" class="bmw">6 series</option>
<option value="a3" class="audi">A3</option>
<option value="a4" class="audi">A4</option>
<option value="a5" class="audi">A5</option>
</select>

<script language="JavaScript" type="text/javascript">
$("#series").chained("#mark");
</script>

</html>

javascript

jquery

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-21 15:40:54

建议您查看jquery是否加载，或者尝试使用cdn托管的jquery，如下所示：

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

这应该是可行的：

<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js">
      </script>
      <script type="text/javascript" src="jquery.chained.js" charset="utf-8"></script>
      <script>
         if (jQuery().chained) {  
              alert('jQuery is loaded!');  
         }
          else{   
             alert('jQuery is not loaded!');  
         }
      </script>
   </head>
   <body>
      <select id="mark" name="mark">
           <option value="">--</option>
           <option value="bmw">BMW</option>
           <option value="audi">Audi</option>
      </select>
      <select id="series" name="series">
           <option value="">--</option>
           <option value="series-3" class="bmw">3 series</option>
           <option value="series-5" class="bmw">5 series</option>
           <option value="series-6" class="bmw">6 series</option>
           <option value="a3" class="audi">A3</option>
           <option value="a4" class="audi">A4</option>
           <option value="a5" class="audi">A5</option>
      </select>

      <script language="JavaScript" type="text/javascript">
          $("#series").chained("#mark");
      </script>

  </body>
  </html>

您在文档中遗漏的是</head> <body></body>，请尝试这个或添加这些标签，然后查看。

票数 0

Stack Overflow用户

发布于 2013-02-21 15:21:46

当DOM完成加载时，Document.ready将调用方法。

将代码包装在document.ready函数中

$(function(){
if (jQuery().chained) {  
alert('jQuery is loaded!');  
}
else{  
alert('jQuery is not loaded!');  
}
})

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14996628

复制

相似问题

问jquery链式选择不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery链式选择不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery链式选择不起作用
EN