使用jsp和bootstrap控制2列表中的显示选项

时间:2017-09-22 12:15:35

标签: javascript html5 twitter-bootstrap jsp bootstrap-4

我在我的一个用jsp编写的项目中使用了coreui.io,并在一个页面上,我有2个这样的下拉列表:

<div class="row">

        <div class="col-sm-12">

            <div class="form-group">
                <label for="card"> List 1 </label>
                    <select class="form-control" name="arg1">
                         <option >option 1</option>
                           <option>option 2</option>
                     </select>
            </div>
            </div>
            </div>

然后,我有:

<div class="row">
           <div class="col-sm-12">
                  <div class="form-group">
                     <label for="bank"> List 2 </label>
                     <select class="form-control" name="arg2">
                         <option>1. related to selection of option1</option>
                         <option>2. related to selection of option1</option>
                         <option>3. related to selection of option2</option>
                         <option>4. related to selection of option2</option>
                     </select>
             </div>
          </div>
     </div>

我的问题是,我希望每当用户在列表1中选择选项1时,自动只能看到列表2中的选项1和2,并且只要在列表1中选择选项2,就只能看到列表2中的选项3和4.我正在使用jsp和bootsrap4(coreui.io) 我怎样才能做到这一点? 另一个问题是,当我们有太多选项时,将这些选项滚动到最后真的很无聊,我们是否有更好的功能显示而不是下拉列表? 此致

0 个答案:

没有答案