如何将链接到 html 或 txt 数据的 jquery 连接起来答案

【问题标题】：How to connect jquery chained to html or txt data如何将链接到 html 或 txt 数据的 jquery 连接起来
【发布时间】：2015-09-25 21:30:48
【问题描述】：

我有问题，因为我是 Jquery 的新手。我有这个代码：

<!DOCTYPE>
<html>
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.chained.min.js"></script>
<script charset=utf-8>
  $(function(){
      $("#series").chained("#mark");
      $("#model").chained("#series");
  });
  </script>
    </head>
<body>
<div class="chained">
<select id="mark" name="mark">
  <option value="">--</option>
  <option value="Ciezarowe">Ciezarowe</option>
  <option value="Autobusy">Autobusy</option>
  <option value="Maszyny">Maszyny</option>
  <option value="Indywidualne">Indywidualne</option>
</select>
<select id="series" name="series">
  <option value="">--</option>
  <option value="Ford" class="Ciezarowe">Ford</option>
  <option value="Mercedes" class="Ciezarowe">Mercedes</option>
  <option value="Peugeot" class="Ciezarowe">Peugeot</option>
  <option value="Ikar" class="Autobusy">Ikar</option>
  <option value="Iveco" class="Autobusy">Iveco</option>
  <option value="Man" class="Autobusy">Man</option>
  <option value="Komatsu" class="Maszyny">Komatsu</option>
  <option value="Nissan" class="Maszyny">Nissan</option>
  <option value="Still" class="Maszyny">Still</option>
  <option value="Pojedyncze" class="Indywidualne">Pojedyncze</option>
  <option value="Grupowe" class="Indywidualne">Grupowe</option>
  <option value="Firmowe" class="Indywidualne">Firmowe</option>
</select>
<select id="model" name="model">
  <option value="">--</option>
  <option value="F1" class="Ford">F1</option>
  <option value="F2" class="Ford">F2</option>
  <option value="F3" class="Ford">F3</option>
  <option value="S1" class="Mercedes">S1</option>
  <option value="S2" class="Mercedes">S2</option>
  <option value="S3" class="Mercedes">S3</option>
  <option value="P1" class="Peugeot">P1</option>
  <option value="P2" class="Peugeot">P2</option>
  <option value="P3" class="Peugeot">P3</option>
  <option value="I1" class="Ikar">I1</option>
  <option value="I2" class="Ikar">I2</option>
  <option value="I3" class="Ikar">I3</option>
  <option value="V1" class="Iveco">V1</option>
  <option value="V2" class="Iveco">V2</option>
  <option value="V3" class="Iveco">V3</option>
  <option value="M1" class="Man">M1</option>
  <option value="M2" class="Man">M2</option>
  <option value="M3" class="Mano">M3</option>
  <option value="K1" class="Komatsu">K1</option>
  <option value="K2" class="Komatsu">K2</option>
  <option value="K3" class="Komatsu">K3</option>
  <option value="N1" class="Nissan">N1</option>
  <option value="N2" class="Nissan">N2</option>
  <option value="N3" class="Nissan">N3</option>
  <option value="S1" class="Still">S1</option>
  <option value="S2" class="Still">S2</option>
  <option value="S3" class="Still">S3</option>
  <option value="P1" class="Pojedyncze">P1</option>
  <option value="P2" class="Pojedyncze">P2</option>
  <option value="P3" class="Pojedyncze">P3</option>
  <option value="G1" class="Grupowe">G1</option>
  <option value="G2" class="Grupowe">G2</option>
  <option value="G3" class="Grupowe">G3</option>
  <option value="F1" class="Firmowe">F1</option>
  <option value="F2" class="Firmowe">F2</option>
  <option value="F3" class="Firmowe">F3</option>
</select>
 <button id="button" type="submit">Wyszukaj</button>
 </div>
 <div class="search result">                     
 </div>
 </body>
</html>

我的问题是如何将 jquery 链接到 html 数据或 txt 数据... 我想在表格中制作这些数据并描述从选择中选择的选项并在下面的 div 中显示结果？您能给我一些建议或提示吗？

【问题讨论】：

应该创建什么表？响应什么事件或交互？
例如我现在拥有的： 1.Car 类别选择城市汽车 2 Car mark 类别选择 BMW 3.Car model 类别选择 M3 然后当我选择 tier 3 在这个例子中选择选项 M3 我想要要获得一些描述此模型的文本，可以在表格中或不在表格中。目前我无法将 Jquery 与这种数据文本链接起来以加载它。

标签： jquery select chained

【解决方案1】：

我不完全确定你在问什么，但如果你想根据他们的选择显示内容，你可以使用 jquery。

$(function(){
    $('#model').on('change', function(event){
        // $('.result').append("Mark: "+$('mark').val());
        // or...
        // $.ajax({});
    });
)};

【讨论】：