2 个连续 <select> ：第二个未呈现

Question

我有一个 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>

如果我在 2 个选择之间放置另一种输入，则两个选择都会正确呈现

整个模态：

<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>

Answer 1

select的结束标签有问题。

Select 不是像 input 这样的自闭合标签。它应该用

来闭合

            <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>

Answer 2

其实答案是行不通的。我在模式之外也有类似的问题，代码如下：

            <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>

第二个选择没有渲染...