欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

多選列表框動態(tài)添加,移動,刪除,全選等操作的簡單實例

 更新時間:2014年01月13日 10:18:24   作者:  
本篇文章主要是對多選列表框動態(tài)添加,移動,刪除,全選等操作的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

復(fù)制代碼 代碼如下:

<%
dim a
a = split(Request.Form("sourceList"),",")
Response.Write "Source:" & Request.Form("sourceList") & ubound(a) & "<br>Object:" & Request.Form("objectList") & "<br>"
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
<STYLE type=text/css>
.bgsubleft {
BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: url(images/bgleft.gif); BACKGROUND-REPEAT: repeat-x
}
.bgsubleftn {
BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/bgleftn.gif); BACKGROUND-REPEAT: no-repeat
}
</STYLE>
<script language="JavaScript" type="text/JavaScript">
function addSelectedList()
{
var objSource = form1.sourceList;
var objObject = form1.objectList;
var sourcelen = objSource.length ;
for(var i=0;i<sourcelen;i++){
    if (objSource.options[i].selected){
      if (!checkExist(objObject,objSource.options[i].value)){
        addtolist(objObject,objSource.options[i].text,objSource.options[i].value);
      }
    }
}
}

function addAllList()
{
var objSource = form1.sourceList;
var objObject = form1.objectList;
var sourcelen = objSource.length ;
for(var i=0;i<sourcelen;i++){
    if (!checkExist(objObject,objSource.options[i].value)){
      addtolist(objObject,objSource.options[i].text,objSource.options[i].value);
    }
}
}

function removeSelectedList(noRemoveValue)
{
var objObject = form1.objectList;
for (var i=0;i<objObject.length;i++){
    if (objObject.options[i].selected && objObject.options[i].value != noRemoveValue)
    {
      objObject.options.remove(i);
      removeList(noRemoveValue);break;
    }
}
}

function removeAllList(noRemoveValue)
{
var objObject = form1.objectList;
var objLen = objObject.length;
for (var i=0;i<objLen;i++){
    if ( objObject.options[i].value != noRemoveValue){
      objObject.options.remove(i);
      removeAllList(noRemoveValue);break;
    }
}
}

function selectedAll(obj)
{
for (var i=0;i<obj.length;i++){
    obj.options[i].selected = true;
}
}
function checkExist(obj,value)
{
var isExist = false;
for (var i=0;i<obj.length;i++){
    if (obj.options[i].value == value){
      isExist = true;
      break;
    }
}
return isExist;
}
function addtolist(obj,value,label){
obj.add(new Option(value,label));
}
</script>
</head>

<body bgcolor="#FFFFFF">
<form name="form1" action="temp.asp" method="post">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td><select name="sourceList" size="10" multiple id="sourceList" style="width:150">
      <option value="a">1</option>
      <option value="b">2</option>
      <option value="c">3</option>
      <%
      for i = 6 to 20
        Response.Write("<option value=""" & i+200 & """>" & i+200 & "</option>" & vbcrlf)
      Next
      %>
    </select></td>
    <td><input name="add" type="button" id="add" value="Add" onclick="addSelectedList()" style="width:100"><br>
      <input name="add" type="button" id="add" value="Add all" onclick="addAllList()" style="width:100"><br>  
    <input name="add" type="button" id="add" value="Remove" onclick="removeSelectedList('a')" style="width:100"><br>
    <input name="add" type="button" id="add" value="Remove all" onclick="removeAllList('a')" style="width:100">
    <input name="add" type="button" id="add" value="Select all" onclick="selectedAll(form1.objectList)" style="width:100"></td>
    <td><select name="objectList" size="10" multiple id="objectList" style="width:150">
      <option value="a">1</option>
      <option value="d">4</option>
      <option value="e">5</option>
      <%
      for i = 6 to 20
        Response.Write("<option value=""" & i & """>" & i & "</option>" & vbcrlf)
      Next
      %>
    </select></td>
</tr>
<tr>
    <td></td>
    <td><input name="subm" type="submit" value="Submit" style="width:100"></td>
    <td>&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>

相關(guān)文章

  • 自己寫了一個展開和收起的多更能型的js效果

    自己寫了一個展開和收起的多更能型的js效果

    展開和收起這樣的效果想必大家早就眼熟了吧,利用閑暇時間用js寫了一個具體功能:當(dāng)自己處于全部顯示的時候,點擊自己的收起,自己收起等等感興趣的你可以參考下哈
    2013-03-03
  • JavaScript中訪問id對象 屬性的方式訪問屬性(實例代碼)

    JavaScript中訪問id對象 屬性的方式訪問屬性(實例代碼)

    下面小編就為大家?guī)硪黄狫avaScript中訪問id對象 屬性的方式訪問屬性(實例代碼)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼

    JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼

    JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼,需要的朋友可以參考下。
    2011-06-06
  • JavaScript+css+HTML實現(xiàn)移動端輪播圖(含源碼)

    JavaScript+css+HTML實現(xiàn)移動端輪播圖(含源碼)

    這篇文章主要介紹了JavaScript+css+HTML實現(xiàn)移動端輪播圖并含源碼的分享,需要的小伙伴可以參考一下,希望對你有所幫助
    2022-01-01
  • 基于Javascript開發(fā)連連看游戲小程序

    基于Javascript開發(fā)連連看游戲小程序

    這篇文章主要介紹了基于Java開發(fā)連連看游戲小程序,連連看是在有限的時間內(nèi),只要把所有能連接的相同圖案,兩個一對地找出來,消除全部就成功了,文中提供了解決思路和部分實現(xiàn)代碼,需要的朋友可以參考下
    2023-03-03
  • 如何檢測JavaScript的各種類型

    如何檢測JavaScript的各種類型

    在寫js腳本的時候我們必須對一件事保持警惕,就是避免異常的發(fā)生。在本篇文章里面,我想談?wù)勔徊糠诸愋蜋z測,有需要的可以參考學(xué)習(xí)。
    2016-07-07
  • BootStrap Table 分頁后重新搜索問題的解決辦法

    BootStrap Table 分頁后重新搜索問題的解決辦法

    這篇文章主要介紹了BootStrap Table 分頁后重新搜索問題的解決辦法,自定義搜索且有分頁功能,比如搜索產(chǎn)品名的功能。小編給大家?guī)砹岁P(guān)鍵代碼,非常不錯,需要的朋友可以參考下
    2016-08-08
  • 微信小程序單選框自定義賦值

    微信小程序單選框自定義賦值

    這篇文章主要介紹了微信小程序單選框如何自定義賦值,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • 詳解JavaScript?中的變量聲明與賦值

    詳解JavaScript?中的變量聲明與賦值

    在?JavaScript?中使用變量或常量之前,必須先進行聲明,這篇文章主要介紹了JavaScript中的變量聲明與賦值,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-08-08
  • layui將table轉(zhuǎn)化表單顯示的方法(即table.render轉(zhuǎn)為表單展示)

    layui將table轉(zhuǎn)化表單顯示的方法(即table.render轉(zhuǎn)為表單展示)

    今天小編就為大家分享一篇layui將table轉(zhuǎn)化表單顯示的方法(即table.render轉(zhuǎn)為表單展示),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論