设置选择选项'选择'在模式引导中

set select option 'selected' in a modal bootstrap

本文关键字:选择 设置 选项 模式      更新时间:2024-06-21

我有一个选择字段,我必须用jQuery选择其中一个选项。我有这个方法,它在任何地方都适用,除了模态
当我打开我的目标页面时,它会自动打开一个带有选择字段的模态,我正试图设置他的所选项目。

我有以下HTML:

<div class='modal small fade' id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" action="UpdateMPrev" >
                <select id="echelle"  name="echelle" class="form-control">                     
                    <option value="mensuelle"> Mensuelle</option>  
                    <option value="trimestrielle">Trimestrielle</option> 
                    <option value="semestrielle" > Semestrielle</option> 
                    <option value="annuelle" > Annuelle</option> 
                    <option value="aucun"> Aucun</option> 
                </select>
                <input type="submit"/>
            </form>
        </div>
    </div>
</div> 

然后我直接得到这个脚本:

<script>
    var echelle= document.getElementById('echelle');
    echelle.value = 'trimestrielle';
</script>

相同的代码,在相同的页面上工作,只有当我把select字段放在主页中时,我的意思是不在模态中,有人能帮忙吗?

您应该将脚本放在模态的html代码之前,如下所示。

<script>
    var echelle= document.getElementById('echelle');
    echelle.value = 'trimestrielle';
</script>
<div class='modal small fade' id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" action="UpdateMPrev" >
                <select id="echelle"  name="echelle" class="form-control">                     
                    <option value="mensuelle"> Mensuelle</option>  
                    <option value="trimestrielle">Trimestrielle</option> 
                    <option value="semestrielle" > Semestrielle</option> 
                    <option value="annuelle" > Annuelle</option> 
                    <option value="aucun"> Aucun</option> 
                </select>
                <input type="submit"/>
            </form>
        </div>
    </div>
</div>