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

时间:2016-04-13 11:11:54

标签: javascript jquery html twitter-bootstrap

我有一个select字段,我必须使用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字段放在主页面中时,我的意思是不在模态中,可以任何一个帮助吗?

1 个答案:

答案 0 :(得分:0)

你应该在显示模态之前放置脚本。