文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery链式选择

问Jquery链式选择
EN

Stack Overflow用户

提问于 2014-08-07 08:53:48

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

我正试着跟着指南走呢http://www.appelsiini.net/projects/chained

用于链接多个选择框，但我对javascript和所有前端应用都是非常陌生的。

我以为我已经复制了他的示例，创建了下面的HTML文件，但是它并没有正常工作。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

    <head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.chained.min.js"></script>

<script charset=utf-8>
  $(function(){
      $("#series").chained("#mark");
  });
  </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>






  </body>
</html>

select

chained

jquery

回答 2

Stack Overflow用户

发布于 2014-08-07 09:43:16

通常的做法是在提交此类问题时包含jsfiddle。请参见my example here，它是有效的。如果你想出一个不起作用的例子，并向我们展示一个jsfiddle，我们可以提供更好的帮助。

如果要我猜的话，我会说你的脚本路径是错的。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.chained.min.js"></script>

票数 1

Stack Overflow用户

发布于 2020-03-22 16:48:42

使用数据链更改类选项子项，如下所示：

<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" data-chained="bmw">3 series</option>
  <option value="series-5" data-chained="bmw">5 series</option>
  <option value="series-6" data-chained="bmw">6 series</option>
  <option value="a3" data-chained="audi">A3</option>
  <option value="a4" data-chained="audi">A4</option>
  <option value="a5" data-chained="audi">A5</option>

票数 0

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

原文链接：

https://stackoverflow.com/questions/25172612

复制

相似问题

问Jquery链式选择
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery链式选择EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery链式选择
EN