首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Javascript 上拉列表多选

2012-10-24 
Javascript 下拉列表多选DropDownList 不能多选,要多选,只能用ListBox或是HTML的select(参数加个multiple)

Javascript 下拉列表多选

DropDownList 不能多选,要多选,只能用ListBox或是HTML的select(参数加个multiple)

Script 代码

???? <script language="javascript">
??????? function Test()
??????? {
??????????? o = document.getElementById("lbTest");
??????????? var intvalue="";
??????????? for(i=0;i<o.length;i++){??
??????????????? if(o.options[i].selected){
??????????????????? intvalue+=o.options[i].value+",";
??????????????? }
??????????? }
??????????? alert( intvalue.substr(0,intvalue.length-1) );

??????? }
??? </script>

?

HTML代码

??????? <asp:ListBox ID="lbTest" runat="Server" SelectionMode="Multiple">
??????????? <asp:ListItem Text="11" Value="1"></asp:ListItem>
??????????? <asp:ListItem Text="22" Value="2"></asp:ListItem>
??????????? <asp:ListItem Text="33" Value="3"></asp:ListItem>
??????? </asp:ListBox>

?? 或是


??????? <select name="lbTest" size=8 multiple>
??????????? <option value="0" selected>请选择
??????????? <option value="1">测试一
??????????? <option value="2">测试二
??????????? <option value="3">测试三
??????????? <option value="4">测试四
??????????? <option value="5">测试五
??????? </select>

热点排行