时间戳

首页 > 解决方案 > 如何根据第一个数据列表选择链接 2 个数据列表

javascript - 如何根据第一个数据列表选择链接 2 个数据列表

问题描述

在 Jquery 中，我只想在我的第二个数据列表上显示正确链接到在第一个数据列表上所做选择的某些属性的结果

我尝试了很多东西，但我无法对第一个数据列表的选定项目的属性进行排序

第一个数据列表是这样的：

<input id="boxCli" name="cat1" list="cat1" placeholder="Catégorie 1">
     <datalist id="cat1">
        <option  data-prod="100" value="Chef de Projet">Chef de Projet</option>
        <option  data-prod="50" value="Mécanique">Mécanique</option>
    </datalist>

第二个数据列表类似：

<input id="boxCli2" class="box2" name ="cat2" list="cat2" placeholder="Catégorie 2"> 
     <datalist id="cat2">
          <option data-cat="1" value="Gestion de projet">Gestion de projet</option>
          <option data-cat="1" value="Réunion / Client">Réunion / Client</option>
     </datalist>

只有当第一个数据列表中的自定义属性 data-prod == 到 100 时，我才想显示第二个数据列表

谢谢 ！！

标签： javascriptjquerydatalist

解决方案

在这里找到答案：所选 <datalist> 项的值

稍作修改：

var g =  ($this).val(); 
var valueProd = $('#cat1').find('option').filter(function() { return $.trim( $(this).text() ) === g; }).attr('data-prod');

谢谢 ！！

推荐阅读