2017-02-17 176 views
0

我正在开发一个应用程序,它具有包含两个动态选择数组的选择的表单。JQuery或Javascript筛选器选择选项

如果在第一个选择中没有选择,则第二个选择将被禁用,并且我需要筛选第二个选择方面的选项作为第一个选择。

虽然我必须将这些值传递给另一个PHP页面,但我不能使用value属性来执行过滤器。

我试过使用自定义属性但没有结果。

这是我的代码,

<tr> 
    <td style="color: white;">Seleziona data: </td> 
    <td> 
     <select class="form-control" name="data" id="select1"> 
      <option value="prova" disabled selected> Scegli</option> 
      <?php for ($y=0; $y<count($giorni); $y++){ $giorno=$ giorni[$y];?> 
      <option value="<?php echo $giorno; ?>" id="<?php echo $y; ?>"> 
       <?php echo $giorno; ?> </option> 
      <?php } ?> 
     </select> 
    </td> 
</tr> 
<tr> 
    <td style="color: white;">Seleziona ora: </td> 
    <td> 
     <select class="form-control" name="ora" id="select2" disabled> 
      <?php $count=1 ; while ($count <=3){ if ($count==1){ for ($g=0; $g<count($ora1); $g++){ ?> 
      <option id="<?php echo $count-1; ?>" value="<?php echo $ora1[$g]; ?>"> 
       <?php echo $ora1[$g]; ?> 
      </option> 
      <?php } $count ++; } ?> 
      <?php if ($count==2){ for ($g=0; $g<count($ora2); $g++){ ?> 
      <option id="<?php echo $count-1; ?>" value="<?php echo $ora2[$g]; ?>"> 
       <?php echo $ora2[$g]; ?> 
      </option> 
      <?php } $count ++; } ?> 
      <?php if ($count==3){ for ($g=0; $g<count($ora2); $g++){ ?> 
      <option id="<?php echo $count-1; ?>" value="<?php echo $ora3[$g]; ?>"> 
       <?php echo $ora3[$g]; ?> 
      </option> 
      <?php } $count ++; } } ?> 
     </select> 
     </td> 
    </tr> 

JAVASCRIPT:

<script> 
    document.getElementById('select1').onchange = function() { 
     document.getElementById('select2').disabled = false; 
    }; 
</script> 
<script> 
    $("#select1").change(function() { 
     if ($(this).data('options') == undefined) { 
      /*Taking an array of all options-2 and kind of embedding it on the select1*/ 
      $(this).data('options', $('#select2 option').clone()); 
     } 
     var id = $(this).id(); 
     var options = $(this).data('options').filter('[id=' + id + ']'); 
     $('#select2').html(options); 
    }); 
</script> 

我怎样才能解决呢?

谢谢

+0

这不是JavaScript。你在使用jQuery吗? – user7393973

+0

是的,对不起....你知道Javascript中的任何解决方案吗? @ user7393973 – Edoardo

+0

你可以尝试解释这个问题好一点吗?我所理解的是,你有一个'”中显示第二个“