如何在jsp文件中获得多选下拉框的值

如何在jsp文件中获得多选下拉框的值,第1张

方法:获取多选下拉框对象数组→循环判断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多选下拉框所有选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9833187.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存