Question

bootstrap下拉框select怎么实现

Answer 1

bootstrap下拉框select可以通过以下步骤实现：

1. 获取多选下拉框对象数组

2. 循环判断option选项的selected属性（true为选中，false为未选中）

3. 使用value属性取出选中项的值。

4. 实例演示如下：
   HTML结构 option-A  option-B option-C  option-D

   
   javascript代码
   function fun(){
   var select = document.getElementById("test");
   var str = [];
   for(i=0;i<select.length;i++){
   if(select.options[i].selected){
   str.push(select[i].value);
   
   

   

JSP提交表单后，怎么得到下拉框select选中项的value值？

要得到下拉框select选中项的value值，我们要把jsp里的下拉框的选中值传递给servlet。

在servlet中String select=request.getParameter("selectName")，得到的是选中的option的value值，

那么如果我们把value值等于它的选择项的值得话就可以了

比如

<select name="selectName">
<option value="羽毛球">羽毛球</option >
<option value="篮球">羽毛球</option >
<option value="足球">羽毛球</option >

Answer 2

<div class= "row" style ="margin-top :10px;">
<div class= "form-group col-xs-12">
<label for= "sceneModel_title" class="col-sm-1 col-sm-offset-1 control-label" >分类: </label>
<div class= "col-sm-4">
<select class= "form-control selectpicker" multiple>
<option> 请选择</option >
<option> 1</option >
<option> 2</option >
<option> 3</option >
<option> 4</option >
<option> 5</option >
<option> 6</option >
</select>
</div>
<label for= "scene_title" class="col-sm-1 control-label" >标题: </label>
<div class= "col-sm-4">
<select class= "form-control selectpicker" multiple>
<option> 请选择</option >
<option> 1</option >
<option> 2</option >
<option> 3</option >
<option> 4</option >
<option> 5</option >
<option> 6</option >
</select>
</div>
<!-- <div class="col-sm-10"> -->
<%-- <form:checkboxes path="sceneTypeRelations" items="${sceneTypeMap}" /> --%>
<!-- </div> -->
</div>
</div>

define(function(require, exports, module) {

var $ = require( "jquery");
require( "jquery-validation/1.11.1/jquery.validate.min.js" );
require( "jquery-validation/1.11.1/messages_bs_zh.js" );
require( "bootstrap/select/bootstrap-select.min.css" )
require( "bootstrap/select/bootstrap-select.min.js" )
$(document).ready( function() {
// 聚焦第一个输入框
$( "input[name=name]").focus();
// 为inputForm注册validate函数
$( "#sceneModel").validate();

var lon = $("input[name=longitude]" ).val();
if (lon == "," ) {
$( "input[name=longitude]").val("" );
}

jQuery( '.selectpicker').selectpicker({
liveSearch: true,
size:8
});
});
module.exports = $;
});