方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:
1、HTML结构
<select id="test" multiple="true">
<option value="option-A">option-A</option>
<option value="option-B">option-B</option>
<option value="option-C">option-C</option>
<option value="option-D">option-D</option>
</select>
<input type="button" value="确定" onclick="fun()" />
2、javascript代码
function fun(){
var select = documentgetElementById("test");
var str = [];
for(i=0;i<selectlength;i++){
if(selectoptions[i]selected){
strpush(select[i]value);
}
}
alert(str);
}
根据checkboxlist1选中的值去数据库查询或组装checkboxlist2的数据即可。
获取checkboxlist1值的方法有多种,具体使用可以用javascript或jquery。
思路:jquery 获取select多选下拉框所有选项的值,可以通过选取多选的数组进行循环判断即可。
方法如下:
function f(){var se = documentgetElementById("t");
var s = [];
for(i=0;i<selength;i++){
if(seoptions[i]selected){
spush(se[i]value);
}
}
alert(s);
}
<select id="t" multiple="true">
<option value="a">option-A</option>
<option value="b">option-B</option>
<option value="c">option-C</option>
<option value="d">option-D</option>
</select>
<input type="button" value="确定" onclick="f()" />
如图所示:
^_^
requestform("多选列表框名称")
例如:
testasp
<html>
<head><title></title></head>
<body>
<form method="post" action="Resultasp">
<input type="checkbox" name="ck1" value="1">足球
<input type="checkbox" name="ck2" value="1">篮球<br />
<input type="submit" name="TJ" value="提交">
</form>
</body></html>
resultasp
<%
'获取表单提交的数据
ck1 = requestform("ck1")
ck2 = requestform("ck2")
if ck1=1 and ck2=1 then bg="足球与篮球"
if ck1=1 and ck2<>1 then bg="足球"
if ck1<>1 and ck2=1 then bg="篮球"
if ck1<>1 and ck2<>1 then bg="没有选择"
%>
<html>
<head><title>B页面</title></head>
<body>
<p>你选择了:<%=bg%></p>
<p><a href="testasp" target="_self">返回继续测试</a></p>
</body></html>
或者:
testasp
<html>
<head><title></title></head>
<body>
<form method="post" action="Resultasp">
<input type="checkbox" name="ck" value="足球">足球
<input type="checkbox" name="ck" value="篮球">篮球<br />
<input type="submit" name="TJ" value="提交">
</form>
</body></html>
Resultasp
<%
'获取表单提交的数据
ck = split(requestform("ck"),",")
responsewrite "你选择了:"
for i= 0 to Ubound(ck)
responsewrite ck(i)
next
%>
<html>
<head><title>B页面</title></head>
<body>
<p><a href="testasp" target="_self">返回继续测试</a></p>
</body></html>
jquery 获取select多选下拉框所有选项的值可以如下实现
var all = "";
$("select option")each(function() {
all += $(this)attr("value")+" ";
});
而值获取被选中的值可用如下代码实现
$("select")val();
下面给出实例代码:
创建Html元素:一个多选列表和一个按钮
<select id="multi-sel" multiple="multiple">
<option value="1">萝卜,我的value是1</option>
<option value="2">青菜,我的value是2</option>
<option value="3">小葱,我的value是3</option>
<option value="4">豆腐,我的value是4</option>
</select>
<input type="button" value="点击显示选择的项目">
简单设置一下css样式
select{width:200px;height:150px;padding:10px;border:4px dashed #ccc;}
select option{margin:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}
编写jquery代码:实现获取所有值和获取选中值
$(function(){
$("input:button")click(function() {
var all = "";
$("select option")each(function() {
all += $(this)attr("value")+" ";
});
var sel = $("select")val();
alert("多选列表所有的value值:"+all+",其中被选中的是:"+sel+"。");
});
})
您可以选择使用CheckListBox控件。CheckListBox支持多选。
由于不清楚您用什么语言,所以我写了VBnet 、C#net
vbnet Code
' Determine if there are any items checked
If CheckedListBox1CheckedItemsCount <> 0 Then
' If so, loop through all checked items and print results
Dim x As Integer
Dim s As String = ""
For x = 0 To CheckedListBox1CheckedItemsCount - 1
s = s & "Checked Item " & (x + 1)ToString & " = " & CheckedListBox1CheckedItems(x)ToString & ControlCharsCrLf
Next x
MessageBoxShow(s)
End If
C#net Code
// Determine if there are any items checked
if(checkedListBox1CheckedItemsCount != 0)
{
// If so, loop through all checked items and print results
string s = "";
for(int x = 0; x <= checkedListBox1CheckedItemsCount - 1 ; x++)
{
s = s + "Checked Item " + (x+1)ToString() + " = " + checkedListBox1CheckedItems[x]ToString() + "\n";
}
MessageBoxShow (s);
}
vbnet Code
Private Sub Button1_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button1Click
Dim selectstr As String = ""
For i As Integer = 0 To MeCheckedListBox1ItemsCount - 1
If MeCheckedListBox1GetItemChecked(i) Then
selectstr &= MeCheckedListBox1Items(i)ToString
End If
Next
MsgBox(selectstr)
End Sub
希望能帮到您。
Action里面:
private PromotionManageTo promotionManageTo;
private List<PromotionManageTo> productClass;
get…
set…
SqlMaps里面:
<select resultClass="promotionManagePromotionManageTo">
……
</select>
JSP里面:
<s:iterator value="productClass" status="productClassLength">
<td>
<input type="checkbox" name="promotionManageToproductId" value="<fs:property value="productId"/>" <c:if test="${fn:containsIgnoreCase(promotionManageToproductId, productId)}">checked="checked"</c:if> />
</td>
</s:iterator>
以上就是关于如何在jsp文件中获得多选下拉框的值全部的内容,包括:如何在jsp文件中获得多选下拉框的值、如何设置与获取CheckBoxList多选的值、jquery 怎样获取select多选下拉框所有选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)