第3个动态下拉列表值与botton的第4个表值进行比较 - ＆gt;显示div？

Question

老实说，无处不在......

传统的3下拉列表从数据库中动态填充：

  

第一张表给出了机场出发

     

第二张表给出了机场的选择   来自第一选择

     

第3张表显示1到2之间的路线。

完美无缺!!

当乘客从第3个下拉列表中选择路线时，我想检查第3个下拉列表中的值是否显示在名为“捐赠”的第4个表中

有些路线标有捐赠可能性，乘客可以将未使用的行李容量捐赠给慈善机构

我的最后一个障碍是：

当选择第3个列表时 - ＆gt;检查捐赠可能性 - ＆gt;如果可能，请在div

上显示隐藏的submit

...

我已经尝试并阅读了这么多，并且变得更加聪明，我认为我有查询按顺序检查值，但我迷路了......

Answer 1

您不确定使用哪种编程语言来加载数据库中的下拉列表，但您可以尝试的一个选项是，当您将html选项元素添加到第3个下拉列表时，您可以为每个添加数据属性，例如：

 <option value="route 1" data-can-donate="true">...</option>

然后，如果您正在使用jquery，您可以将更改事件绑定到第3个下拉列表并执行以下操作：

 $('#ddlRoutes').change(function() {
      var canDonate = $('#ddlRoutes > option:selected').data('can-donate');
      if (canDonate) {
           $('#myDiv').show();
      }
 };

显然这是未经测试的，但它可能适用于你想要做的事情。