使用下拉列表实现此行为的最佳方法

时间:2017-07-18 17:26:26

标签: javascript html drop-down-menu

我正在使用角度4 + HTML ...我需要实现这种行为:

我有3个下拉列表,数字从0到13,用户需要在3个下拉列表中选择13个数字ei:从下拉列表1:4 - 从下拉列表2:6 - 从下拉列表3:3总和3个下拉列表需要为13.另外我需要的是,如果用户按下拉下1:4,在其他2个下拉列表中仅显示为从0到8中选择的选项,因为在第一个下拉列表中有4个

实现这一目标的最佳途径是什么?

EXAMPLES OF DROPDOWNS

** HTML代码**       NºdeSegmentos [Ns]
                               0                         1                         2                         3                         4                         五                         6                         7                         8                         9                         10                         11                         12                         13                       

                 <select class="form-control-mb-12" (change)="segCapaBSelection($event.target.value)">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                </select>  
                 <select class="form-control-mb-12" (change)="segCapaCSelection($event.target.value)">
                  <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                </select> <br><br>

1 个答案:

答案 0 :(得分:0)

您可以尝试在此回答Javascript to Select Multiple options

中找到的此代码
Map.Entry

基本上,您将使用循环

迭代所有选定的选项