jquery - 如何将 jquery 链接到 html 或 txt 数据

标签 jquery select chained

我有问题,因为我是 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 数据... 我想在表中制作这些数据并描述从 select 中选择的选项并在下面的 div 中显示结果? 您能给我一些建议或提示如何做吗?

最佳答案

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

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

关于jquery - 如何将 jquery 链接到 html 或 txt 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31284753/

相关文章:

jquery cookie 插件不会删除 cookie

javascript - 单击 div 中的嵌套按钮

select - 如何在 HIVE 的 CASE 语句中使用 SET 列表变量

mysql - 如何在mysql中明确选择具有不同行数和列数的表?

ssl - 无法创建链式 SSL 证书

Paypal API Chained Payment - 二级收款人没有paypal账户

javascript - 一页中的 jquery 表单验证和 php 脚本

jQuery - 如何选择不包含特定元素的元素

php - 从选择框中获取多个值?

javascript - 为什么这些链式速记运算符不起作用?