请问一个功能实现问题 - JavaScript论坛

楼主

问题点数：0 回复次数：9

请问一个功能实现问题

功能实现问题http://www.cqjob.com/person/jobSearch.asp

这个功能怎么实现请问？？？

期望的工作地区：然后选择了工作区域选择1个然后点添加删除就到那边去了
这样可以选择多个地区
请问这个功能怎么实现啊

我看了但是查看原代然后复制保存为HTML形式要出错
帮忙啊

搜索更多相关主题的帖子: 工作　

第 2 楼

得分:0


<!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=\"gb2312\">
<head>
<title> 下拉列表框多选的效果</title>
<meta http-equiv=\"content-type\" content=\"text/html;\" />
<meta name=\"generator\" content=\"editplus\" />
<meta name=\"keywords\" content=\"\" />
<meta name=\"description\" content=\"\" />
<link type=\"text/css\" rel=\"stylesheet\" href=\"\" />
</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 &lt;test@test.com&gt;</option>
    <option value=\"2\">CNLei02 &lt;test@test.com&gt;</option>
    <option value=\"5\">CNLei05 &lt;test@test.com&gt;</option>
    <option value=\"7\">CNLei07 &lt;test@test.com&gt;</option>
    <option value=\"9\">CNLei09 &lt;test@test.com&gt;</option>
    <option value=\"9\">CNLei10 &lt;test@test.com&gt;</option>
    <option value=\"11\">CNLei11 &lt;test@test.com&gt;</option>
  </select>
  </td>
  <td class=\"btn\"><input type=\"button\" class=\"BtnA2w\" name=\"\" value=\"&gt;&gt;&gt;\" onclick=\"Mv('SltAddrA','SltAddrB');\" /><br /><br /><input type=\"button\" class=\"BtnB2w\" name=\"\" value=\"&lt;&lt;&lt;\" 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 &lt;test@test.com&gt;</option>
    <option value=\"\">CNLei04 &lt;test@test.com&gt;</option>
    <option value=\"\">CNLei08 &lt;test@test.com&gt;</option>
  </select></td>
</tr>
</table>
</body>
</html>

参考：http://www.soojs.com/type_0/144/index_1.html

超多JS效果：/index" target="_blank">http://www./index 每天更新.QQ群：22035666 一般人我不告诉他

第 3 楼

得分:0

[CODE]<html >
<script language="JavaScript">
function addnew(){
if(checked_check("s1") != true)
{
alert("Please s1 a option!");
return false;
}
var t=document.all.s1;
var tt=document.all.s2;
var text=t.options[t.selectedIndex].innerText;
var value=t.options[t.selectedIndex].value;
tt.options.add(new Option(text,value));
t.options.remove(t.selectedIndex);
t.selectedIndex = 0;
tt.selectedIndex = 0;
}
function remove(){
if(checked_check("s2") != true)
{
alert("Please s2 a option!");
return false;
}
var t1=document.all.s1;
var t2=document.all.s2;
var text=t2.options[t2.selectedIndex].innerText;
var value=t2.options[t2.selectedIndex].value;
t2.options.remove(t2.selectedIndex);
t1.options.add(new Option(text,value));
t1.selectedIndex = 0;
t2.selectedIndex = 0;
}
function checked_check(idname)
{
var checkobject = document.getElementById(idname);
var coun = checkobject.length;
for(i=0;i<coun;i++)
{
if(checkobject.options[i].selected == true)
return true;
}
return false;
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="300" border="0" align="center">
<tr>
<td><label>
<div align="center">
<select id=s1 size=3>
<option value="yw">语文</option>
<option value="sx">数学</option>
<option value="yy">英语</option>
</select>
</div>
</label></td>
<td><div align="center">
<label>
<input type="button" name="Submit" onclick=addnew() value="add" />
<br />
<input type="button" name="Submit2" onclick=remove() value="delete" />
</label>
</div></td>
<td><label>
<div align="center">
<select id=s2 size=3>
</select>
</div>
</label></td>
</tr>
</table>
</form>
</body>
</html>[/CODE]

其实我就是改变社会风气，提高少女素质，刺激电影市道，提高年轻人内涵，玉树临风，风度翩翩的整蛊专家，我名叫古晶，英文名叫JingKoo！

第 4 楼

得分:0

功能是实现了但是，提交过去得不到数据只能得到添加后最上面的数据其他的都得不到如何处理啊
<form action="" MEthod="POST></from>
提交过去得不到数据要怎么处理啊

第 5 楼

得分:0

楼主有看两位的源码吗?

没让你照抄啊,至少你得家个name吧??~~~

第 6 楼

得分:0

我加了，但是只能得到一个信息 <select name="wcdw" size="4" multiple="multiple" id="wcdw" style="FONT-SIZE: 12px; WIDTH: 80px">
</select>
这个设置多选
但是要全部传过去要按住CTRL 然后在把每个选择上怎么实现让他默认都是全选择中的

第 7 楼

得分:0

现在是想把所有的都传添加上的默认的全部传过去，现在要默认传过去的话都要安CTRL 全部选中才可以

第 8 楼

得分:0

<!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="gb2312">
<head>
<title> 下拉列表框多选的效果</title>
<meta http-equiv="content-type" content="text/html;" />
<meta name="generator" content="editplus" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="" />
</head>
<script type="text/javascript">

</script>
<body>
<form action="6.asp" name="form1">
<table id="MovOpTB" cellspacing="0" cellpadding="0">
<tr>
<td class="slt"><strong class="norTit">我的联系人</strong><br /><select id="SltAddrA" class="SltBar" name="s1" 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="s2" 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>
<input type="button" value="submit" onclick="f1()">
</form>
</body>
</html>

5.asp
<%=request("s2")%>

其实我就是改变社会风气，提高少女素质，刺激电影市道，提高年轻人内涵，玉树临风，风度翩翩的整蛊专家，我名叫古晶，英文名叫JingKoo！

第 9 楼

得分:0

如果你会使用 dreamweaver 这是一个很容易的问题，看看dreamweaver里的列表/菜单,在插入这个控件时会有提示的,按照提示做就行了

第 10 楼

得分:0

飘过飘过...