Jquery 链式选择答案

【问题标题】：Jquery Chained SelectJquery 链式选择
【发布时间】：2014-09-30 02:38:49
【问题描述】：

我正在尝试按照此处的指南进行操作 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>

【问题讨论】：

你的控制台有错误吗？
你是在服务器上运行还是作为文件运行？
我只是将它作为 html 文件运行。这是我的问题吗？

标签： jquery select chained

【解决方案1】：

在提交此类问题时，通常会包含一个 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>

【讨论】：

【解决方案2】：

使用这样的数据链更改类选项子项：

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

【讨论】：