下拉框与表格相互传值，急!!!!(100分)

[bonze18]

在我的页面中有一个下拉框，选中下拉框中的一项，点击“添加”要在旁边的表格中自动添加一行(其中有一列还要自动添加一个下拉框，暂时先不考虑它)，在值传过去，同时删除下拉框中的值，如果在表格中单击“删除”就要删除一行，并且把值再回传到下拉框中，以上的基本上已经做完了，但是我想到是数据修改的时候，有很多数据还是要从数据库中取出来，并且还要向上面那样，可以随便删除，增加。
不知道大家有没有一个好的思路，或者改变一下，这样实在不好实现，很想用struts中的logic:iterator标签来迭代结果，但是动态删除就是一个问题。

[zhaochunhui]

用js实现给你段代码你自己看看～！
function choose(){
var i=0;
var coll = document.all("bq_select1");
var coll1= parent.document.all("bq_select");
i= coll.selectedIndex;
if(i==-1){
alert("请选择人员");
return false;
}
for (; i >= 0; ) {
var oOption = document.createElement("OPTION");
oOption.text=coll.options(i).text ;
oOption.value=coll.options(i).value ;
coll1.add(oOption);

coll.options.remove(i);
i= coll.selectedIndex;

}

}
function choose1(){
var i=0;
var coll = parent.document.all("bq_select");
var coll1= document.all("bq_select1");
i= coll.selectedIndex;
if(i==-1){
alert("不能为空");
return false;
}
for (; i >= 0; ) {
var oOption = document.createElement("OPTION");
oOption.text=coll.options(i).text ;
oOption.value=coll.options(i).value ;
coll1.add(oOption);

coll.options.remove(i);
i= coll.selectedIndex;

}

}
function del_all(){
var coll = parent.document.all("bq_select");
var coll1 = document.all("bq_select1");
for (i=0; i< coll.options.length; ){
var oOption = document.createElement("OPTION");
oOption.text=coll.options(i).text ;
oOption.value=coll.options(i).value ;
coll1.add(oOption);
coll.options.remove(0);
}
}
function select_all(){
var coll = document.all("bq_select1");
var coll1 = parent.document.all("bq_select");
for (i=0; i< coll.options.length; ){

var oOption = document.createElement("OPTION");
oOption.text=coll.options(i).text ;
oOption.value=coll.options(i).value ;
coll1.add(oOption);
coll.options.remove(0);
}
}

[sw47]

用AJAX搞

[zhaochunhui]

<td>
<html:select property="bq_select1" multiple="TRUE" size="10" style="width:250 ">
<html:options collection="Teacher" property="value" labelProperty="label"/>
</html:select>
</td>
<td width="100%" bgcolor="#F3F3F3" align=center>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="80%">
<div align="center">
<html:button property="Submit3" value="添加 >" styleClass="dx_b2" onclick="javascript:choose();"/>
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<html:button property="Submit5" value="全选>>" styleClass="dx_b2" onclick="select_all()"/>
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<html:button property="Submit4" value="< 删除" styleClass="dx_b2" onclick="javascript:choose1();"/>
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<html:button property="Submit5" value="<<重选" styleClass="dx_b2" onclick="del_all()"/>
</div>
</td>
</tr>
</table>
</td>
<td height="191" valign="bottom">
<html:select property="bq_select" size="10" multiple="TRUE" style="width:155">
</html:select></td>
当选择的时候将bq_select1的选择的条目方到bq_select中

[zhaochunhui]

提交表单的时候 要把bq_select中的内容全部选上
for(var i=0;i<document.all('bq_select').options.length;i++)
{
document.all('bq_select').options[i].selected=true
}

[左大神在这]

up

[mortimer_c]

一块学习！！

[zhaochunhui]

to bonze18 (不得语，暗相思，两心之外无人知)

你太不仁义了，竟然送分给自己～！