bootstrap下拉框select怎么实现

Posted 2023-02-24

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

获取多选下拉框对象数组

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

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

实例演示如下：
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 >

参考技术A <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 = $;
);