5.2.1 添加一个下拉选择器

在table标签上面，输入下面的语句：
<form action="">
<div class="col-sm-4">
    <select class="form-control " name="role" onchange="this.form.submit()">
    <option value="-1">
    请选择
    </option>
    <option value="0">
    学生
    </option>
    <option value="1">
    教师
    </option>
    <option value="9">
    管理员
    </option>
    </select>
</div>
</form>

如图所示：
这里解释一下：
form的action是数据要提交的目的地，如果不写，表示数据提交回本页面！
select的class的form-control是bootstrap的一个类，参考自表单
div的col-sm-4是指占用4份（所有宽度分12份），参考自栅格系统
select的name=role是提交的值，下面四个选项都有值，学生值是0，教师是1，管理员是9，如果选中了学生，那么role的值就是0提交上去，我们可以在浏览器地址栏观察到这个值
select的onchange是值改变事件，只要选项修改就触发，这里触发后执行语句this.form.submit(),这是JavaScript语句，意思是提交表单，效果就是选择就提交页面
启动本页面可以观看效果