设置选择选项'选择'在模式引导中
set select option 'selected' in a modal bootstrap
我有一个选择字段,我必须用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>
相关文章:
- 如何根据另一选择中的选择设置一个选择中的文本
- jQuery为按钮选择设置活动类
- 根据两个下拉菜单的选择设置隐藏值
- Bootstrap/AngularJs:如何为导航类的活动选择设置粗体属性
- Ember选择设置内容绑定
- KnockoutJS可观测值为't通过选择设置
- 3 选项从数据库中删除更改时选择设置值
- 如何根据下拉框选择设置文本框值
- 挖空 + 选择2 -- 设置默认值
- jQuery 验证 - 根据用户选择设置条件规则
- 使用角度引导选择设置下拉列表的选定选项
- 运行流星如何选择设置文件
- Dojo选择设置值不能与动态生成的选项一起工作
- 如何根据引导项选择设置变量
- 多重选择设置导致angular出错
- 具体化选择设置动态选项问题
- 表单:选择设置img src
- 基于列表框选择设置列表项
- 根据先前选择标记中的选择设置选择标记的可见性
- 如何根据下拉选择设置单选按钮值