2 последовательных <select>: 2-й не отображается - PullRequest
Новая
       16

2 последовательных <select>: 2-й не отображается

0 голосов
/ 14 июня 2019

У меня есть JSP, обеспечивающий мод загрузки с включенной формой. В этой форме у меня есть 2 последовательных тега выбора, но отображается только первый 

<div class="form-group"><label>Domaine Responsable (par défaut) :</label><select name="domaineResponsable" class="form-control form-control-sm"/></div>
<div class="form-group"><label>Remise :</label><select name="paramRemiseS2Vues" class="form-control form-control-sm"/></div>                
<div class="form-check"><input name="effetSeuil" type="checkbox" class="form-check-input"/><label class="form-check-label" for="effetSeuil">Effet de seuil ?</label></div>

Если я добавлю другой вид ввода между двумя выбранными, оба выбора будут правильно отображены

весь модал: 

<div id="creationRapportModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&#215;</button>
                <h4 class="modal-title">Création du rapport</h4>
            </div>
            <form id="formCreate" autocomplete="off" >
                <div class="modal-body">
                    <div class="form-group">
                        <label>Code :</label>
                        <input name="code" class="form-control"/>
                    </div>
                    <div class="form-group">
                        <label>Ancien Code :</label>
                        <input name="ancienCode" class="form-control"/>
                    </div>
                    <div class="form-group">
                        <label>Nom de l'état :</label>
                        <input name="nomEtat" class="form-control"/>
                    </div>
                    <div class="form-group">
                        <label>Nom du report :</label>
                        <input name="reportName" class="form-control"/>
                    </div>
                    <div class="form-group">
                        <label>Domaine Responsable (par défaut) :</label>
                        <select name="domaineResponsable" class="form-control form-control-sm"/>
                    </div>
                    <div class="form-group">
                        <label>Remise :</label>
                        <select name="paramRemiseS2Vues" class="form-control form-control-sm"/>
                    </div>
                    <div class="form-check">
                        <input name="effetSeuil" type="checkbox" class="form-check-input"/>
                        <label class="form-check-label" for="effetSeuil">Effet de seuil ?</label>
                    </div>
                            <input type="hidden" name="id" />
                </div>
                <div class="modal-footer">
                    <button id="createBouton" class="btn btn-primary">Créer</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                </div>
            </form>
        </div>
    </div>
</div>

Ответы [ 2 ]

1 голос
/ 14 июня 2019

Ошибка с закрывающим тегом select.

Выбор не является самозакрывающимся тегом, как ввод. Он должен быть закрыт с 

            <div class="form-group"><label>Domaine Responsable (par défaut) :</label><select name="domaineResponsable" class="form-control form-control-sm"></select></div>
            <div class="form-group"><label>Remise :</label><select name="paramRemiseS2Vues" class="form-control form-control-sm"></select></div>

Обновлен код 

<div id="creationRapportModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&#215;</button>
                <h4 class="modal-title">Création du rapport</h4>
            </div>

            <form id="formCreate" autocomplete="off" >
                <div class="modal-body">
                    <div class="form-group"><label>Code :</label><input name="code" class="form-control"/></div>
                    <div class="form-group"><label>Ancien Code :</label><input name="ancienCode" class="form-control"/></div>
                    <div class="form-group"><label>Nom de l'état :</label><input name="nomEtat" class="form-control"/></div>
                    <div class="form-group"><label>Nom du report :</label><input name="reportName" class="form-control"/></div>
                    <div class="form-group"><label>Domaine Responsable (par défaut) :</label><select name="domaineResponsable" class="form-control form-control-sm"></select></div>
                    <div class="form-group"><label>Remise :</label><select name="paramRemiseS2Vues" class="form-control form-control-sm"></select></div>                
                    <div class="form-check"><input name="effetSeuil" type="checkbox" class="form-check-input"/><label class="form-check-label" for="effetSeuil">Effet de seuil ?</label></div>
                    <input type="hidden" name="id" />
                </div>
                <div class="modal-footer">
                    <button id="createBouton" class="btn btn-primary">Créer</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                </div>
            </form> 
        </div>
    </div>
</div>
0 голосов
/ 24 июня 2019

На самом деле ответ не работает. У меня есть аналогичная проблема за пределами модальной с помощью следующего кода: 

            <div class="panel-body">
            <div class="container-fluid">
                <form autocomplete="off" id="searchForm">
                <div class="row">
                    <div class="col-sm-3">
                        Marques : <select multiple="multiple" id="searchListMarques"> </select> test
                    </div>
                    <div class="col-sm-3">
                        Solos : <select multiple="multiple" id="searchListSolos"> </select>
                    </div>                  
                    <div class="col-sm-3">                  
                        Remises : <select multiple="multiple" id="searchListRemises"> </select>
                    </div>
                </div>
                </form>
            </div>
        </div>

Второй выбор не отображается ...

...