bootstrap下拉框select可以通过以下步骤实现:
获取多选下拉框对象数组
循环判断option选项的selected属性(true为选中,false为未选中)
使用value属性取出选中项的值。
实例演示如下:
HTML结构 option-A option-B option-C option-D
javascript代码
function fun(){
var select = documentgetElementById("test");
var str = [];
for(i=0;i<selectlength;i++){
if(selectoptions[i]selected){
strpush(select[i]value);
JSP提交表单后,怎么得到下拉框select选中项的value值?
要得到下拉框select选中项的value值,我们要把jsp里的下拉框的选中值传递给servlet。
在servlet中String select=requestgetParameter("selectName"),得到的是选中的option的value值,
那么如果我们把value值等于它的选择项的值得话就可以了
比如
<select name="selectName">
<option value="羽毛球">羽毛球</option >
<option value="篮球">羽毛球</option >
<option value="足球">羽毛球</option >
JS: documentgetElementById("sid")value;
Jquery: $("#sid")val();
直接就可以获取指定select的选中的值;
如果是多选的话,需要用其他方法。
alert($("#eID")val()+"/"+documentgetElementById("eID")value);
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script type="text/javascript">
windowonload=function(){
documentgetElementById('sel')options[0]selected=true;
documentgetElementById('sel')options[1]selected=true;
documentgetElementById('sel')options[3]selected=true;
};
</script>
</head>
<body>
<select id="sel" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
<html>
以上就是关于bootstrap下拉框select怎么实现全部的内容,包括:bootstrap下拉框select怎么实现、jquery怎么获取select选中的值、如何用javascript实现多选下拉框等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)