精品酷站论坛 - Discuz! Archiver" />

查看完整版本: 两个TEXTBOX相互传递资料

cookie 2007-8-11 15:53

两个TEXTBOX相互传递资料

[html]<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
<title>两个TEXTBOX相互传递资料</title>
<meta http-equiv="content-type" content="text/html;" />
</head>
<script type="text/javascript">
<!--
function Mv(a,b) {
var i = 0;
var f=document.getElementById(a);
var t=document.getElementById(b);
for(var i=0; i<f.options.length; i++) {
if(f.options[i].selected ) {
var no = new Option();
no.value = f.options[i].value;
no.text = f.options[i].text;
t.options[t.options.length] = no;}
}
Rv(a);
}
function Rv(o) {
var o=document.getElementById(o);
for(var i=o.options.length-1; i>=0; i--) {
if(o.options[i].selected && o.options[i] != "") {
o.options[i].value = "";
o.options[i].text = "";
o.options[i] = null;
}
}
}
-->
</script>
<body>
<table id="MovOpTB" cellspacing="0" cellpadding="0">
<tr>
  <td class="slt"><strong class="norTit">我的联系人</strong><br /><select id="SltAddrA" class="SltBar" name="" size="12"  multiple="true">
    <option value="1">CNLei01 <test@test.com></option>
    <option value="2">CNLei02 <test@test.com></option>
    <option value="5">CNLei05 <test@test.com></option>
    <option value="7">CNLei07 <test@test.com></option>
    <option value="9">CNLei09 <test@test.com></option>
    <option value="9">CNLei10 <test@test.com></option>
    <option value="11">CNLei11 <test@test.com></option>
  </select>
  </td>
  <td class="btn"><input type="button" class="BtnA2w" name="" value=">>>" onclick="Mv('SltAddrA','SltAddrB');" /><br /><br /><input type="button" class="BtnB2w" name="" value="<<<" onclick="Mv('SltAddrB','SltAddrA');" /></td>
  <td class="slt"><strong class="norTit">列表成员</strong><br /><select id="SltAddrB" class="SltBar" name="" size="12" multiple="true">
    <option value="">CNLei03 <test@test.com></option>
    <option value="">CNLei04 <test@test.com></option>
    <option value="">CNLei08 <test@test.com></option>
  </select></td>
</tr>
</table>
</body>
</html>[/html]

写了个双击的,只能单方向的!

[html]<script language="javascript">
var i=0
function trans()
{
var s1=document.getElementById('s1')
var value=s1.options[s1.selectedIndex].innerHTML
var newoption=new Option(value,'')
var s2=document.getElementById('s2')
s2.options[i]=newoption
i++
}
</script>
<select name="select2" id="s1" size="5" class="TextBox" onDblClick="trans()">
          <option>aaaaaa</option>
          <option>123</option>
        </select>
<select name="select2" id="s2" size="5" class="TextBox" style="width:100px">
   
        </select> [/html]

[[i] 本帖最后由 cookie 于 2007-8-11 15:54 编辑 [/i]]
页: [1]
查看完整版本: 两个TEXTBOX相互传递资料