81,092
社区成员
发帖
与我相关
我的任务
分享
...全文
请发表友善的回复…
发表回复
towdney 2005-03-30
- 打赏
- 举报
各位误解我的意思了。我想在jsp网页中实现下面的功能，界面描述如下
物件1： [请选择要买的物品]（左边是下拉菜单项，选择要购买的物品，下面同）
物件2： [请选择要买的物品]
[添加多一项购买的物品项]（左边为一个按钮，可实现增加多一个物件选项)
[提交购买订单]
在我按了添加的按钮，网页界面我希望变成如下：
物件1： [请选择要买的物品]
物件2： [请选择要买的物品]
物件3： [请选择要买的物品]
[添加多一项购买的物品项]
[提交购买订单]
再点击添加按钮，再变成如下：
物件1： [请选择要买的物品]
物件2： [请选择要买的物品]
物件3： [请选择要买的物品]
物件4： [请选择要买的物品]
[添加多一项购买的物品项]
[提交购买订单]
物件1： [请选择要买的物品]（左边是下拉菜单项，选择要购买的物品，下面同）
物件2： [请选择要买的物品]
[添加多一项购买的物品项]（左边为一个按钮，可实现增加多一个物件选项)
[提交购买订单]
在我按了添加的按钮，网页界面我希望变成如下：
物件1： [请选择要买的物品]
物件2： [请选择要买的物品]
物件3： [请选择要买的物品]
[添加多一项购买的物品项]
[提交购买订单]
再点击添加按钮，再变成如下：
物件1： [请选择要买的物品]
物件2： [请选择要买的物品]
物件3： [请选择要买的物品]
物件4： [请选择要买的物品]
[添加多一项购买的物品项]
[提交购买订单]
qfljm 2005-03-29
- 打赏
- 举报
new add
孟子E章 2005-03-29
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function addSrcToDestList() {
destList = window.document.forms[0].destList;
srcList = window.document.forms[0].srcList;
var len = destList.length;
for(var i = 0; i < srcList.length; i++) {
if ((srcList.options[i] != null) && (srcList.options[i].selected)) {
var found = false;
for(var count = 0; count < len; count++) {
if (destList.options[count] != null) {
if (srcList.options[i].text == destList.options[count].text) {
found = true;
break;
}
}
}
if (found != true) {
destList.options[len] = new Option(srcList.options[i].text);
len++;
}
}
}
}
function deleteFromDestList() {
var destList = window.document.forms[0].destList;
var len = destList.options.length;
for(var i = (len-1); i >= 0; i--) {
if ((destList.options[i] != null) && (destList.options[i].selected == true)) {
destList.options[i] = null;
}
}
}
// -->
</SCRIPT>
</head>
<body>
<center>
<form method="POST">
<table bgcolor="#FFFFCC">
<tr>
<td bgcolor="#FFFFCC" width="85">
<select size="6" name="srcList" multiple>
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
<option value="4">Item 4
<option value="5">Item 5
<option value="6">Item 6
</select>
</td>
<td bgcolor="#FFFFCC" width="74" align="center">
<input type="button" value=" 增加到右边 " onClick="javascript:addSrcToDestList()">
<br><br>
<input type="button" value=" 从右边删除 " onclick="javascript:deleteFromDestList();">
</td>
<td bgcolor="#FFFFCC" width="69">
<select size="6" name="destList" multiple>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function addSrcToDestList() {
destList = window.document.forms[0].destList;
srcList = window.document.forms[0].srcList;
var len = destList.length;
for(var i = 0; i < srcList.length; i++) {
if ((srcList.options[i] != null) && (srcList.options[i].selected)) {
var found = false;
for(var count = 0; count < len; count++) {
if (destList.options[count] != null) {
if (srcList.options[i].text == destList.options[count].text) {
found = true;
break;
}
}
}
if (found != true) {
destList.options[len] = new Option(srcList.options[i].text);
len++;
}
}
}
}
function deleteFromDestList() {
var destList = window.document.forms[0].destList;
var len = destList.options.length;
for(var i = (len-1); i >= 0; i--) {
if ((destList.options[i] != null) && (destList.options[i].selected == true)) {
destList.options[i] = null;
}
}
}
// -->
</SCRIPT>
</head>
<body>
<center>
<form method="POST">
<table bgcolor="#FFFFCC">
<tr>
<td bgcolor="#FFFFCC" width="85">
<select size="6" name="srcList" multiple>
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
<option value="4">Item 4
<option value="5">Item 5
<option value="6">Item 6
</select>
</td>
<td bgcolor="#FFFFCC" width="74" align="center">
<input type="button" value=" 增加到右边 " onClick="javascript:addSrcToDestList()">
<br><br>
<input type="button" value=" 从右边删除 " onclick="javascript:deleteFromDestList();">
</td>
<td bgcolor="#FFFFCC" width="69">
<select size="6" name="destList" multiple>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
towdney 2005-03-29
- 打赏
- 举报
顶！
