bootstrap使用中遇到的坑

最新推荐文章于 2019-07-07 22:11:58 发布

转载最新推荐文章于 2019-07-07 22:11:58 发布 · 242 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/baojiao/p/9289599.html

文章标签：

#javascript #ViewUI

本文介绍在使用Bootstrap框架时如何解决表单form-group内select标签动态赋值的问题，并提供了具体的JavaScript实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、例如：　

<div class="form-group">
                        <label class="control-label col-lg-3">用户类型<font style="color:red;">*</font></label>
                        <div class="col-lg-9">
                            <select id="UserTypeID" name="UserTypeID" class="form-control" autocomplete="off"></select>

                        </div><!-- /.col -->
 </div><!-- /form-group -->

在bootstrap中会遇到这么一个问题，一个form-group里面含有一个select标签，在赋值时进行动态赋值：

function EditUser(xuhao) {
            $("#form_SaveUser").get(0).reset(); //清空form
            $("#form_SaveUser").parsley().reset(); //清空校验信息
            var n = xuhao - 1;
            $("#form_SaveUser#UserTypeID").val(UserList[n].UserTypeID);
                //这里会有一个弹出口
            $('#User-modal').modal('show');
            if (UserList[n].UserType == "Administrator") {
                $("#form_SaveUser #UserTypeID").find("option[value = '管理员']").attr("selected", true);
            } else if (UserList[n].UserType == "General") {
                $("#form_SaveUser #UserTypeID").find("option[value = '普通用户']").attr("selected", true);
            } else if (UserList[n].UserType == "root") {
                $("#form_SaveUser #UserTypeID").find("option[value = '超级用户']").attr("selected", true);
            } else if (UserList[n].UserType == "Manager") {
                $("#form_SaveUser #UserTypeID").find("option[value = '负责人']").attr("selected", true);
            }
        }