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

2 回答 2

1

在提交此类问题时,通常会包含一个 jsfiddle。在此处查看我的示例,该示例有效。如果您提出一个不起作用的示例,并向我们展示一个 jsfiddle,我们可以提供更好的帮助。

如果我不得不猜测,我会说你的脚本路径是错误的。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.chained.min.js"></script>
于 2014-08-07T01:43:15.933 回答
0

使用数据链更改类选项子项,如下所示:

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

于 2020-03-22T08:48:41.723 回答