在表单里添加一个选择列表，可能使用一个 select 元素，上面加上 Bootstrap 提供的 form-control .. 这个 select 元素上可以添加一 id .. 设置一下对应的值 .. 比如 demo-select .. 这样我们就可以使用这个 id 定位到这个选择列表元素，然后得到它里面的值 ..

选择列表里的每个项目用一个 option 标签 .. 它上面可以有一个 value 属性，它表示的就是这个选项对应的值 .. 让它等于 a ，选项上的文字放在这两个标签之间 .. A ..

再复制两个选项 ... 修改一下选项表示的值 .. 还有选项上显示的文字 ...

现在你看到的就是一个 Bootstrap 设计的选择列表 ..

打开控制台，我们可以去试一下去得到这个选择列表里的值 .. 找到页面上 id 是 demo-select 的元素 .. 用一下 val() 方法得到它的值 .. 你会看到现在是 a .. 因为这个选择列表里当前选择的是选项 A ，在这个 option 的 value 属性里面设置的值就是 a ..

再换一个选项 .. 然后再试一下去得到选择列表的值 .. 这次就会是 b ..

多选

在这个 select 元素上，再给它添加一个 multiple .. 这样会得到一个可以多选的选择列表 ..

windows 按住 ctrl ，mac 按住 command .. 可以选择列表里的多个项目 ..

再试一下得到这个选择列表里的值 .. 这次会是一个数组 .. 里面会包含我们选择的列表项目对应的值 ..