UC知道关于列表框的添加删除问题
来源：百度知道 编辑：UC知道 时间：2024/05/26 01:51:38
ASP列表框添加值与删除值问题,而且这些值是动态的从数据库里取出来的.
就是两个ListBox互相添加删除,我的只会添加到output,但是input就不会删除.
function addIt(){
var input = document.getElementById("input");
var output = document.getElementById("output");
for(i = 0; i<input.length; i ++ ) {
if(input[i].selected == true) {
if( output.length == 0){
var option = new Option();
option.text = input[i].innerText;
input.remove(input[i--])
output.add(option);
//input.remove(i);
}
var isExist = false;
for(j = 0; j < output.length; j ++ ){
if (output[j].text == input[i].innerText){
isExist = true;
break;
}
}
if (isExist == false){
var option = new Option();
option.text = input[i].innerText;
input.remove(option)
output.add(option);
}
}
}
}
有两个列表框,左边这个叫input,右边的叫output.
为什么我的这样做,input移过去了,但是删除的只能是input第一条内容,而不是移过去(选择的)的那条.
就是两个ListBox互相添加删除,我的只会添加到output,但是input就不会删除.
function addIt(){
var input = document.getElementById("input");
var output = document.getElementById("output");
for(i = 0; i<input.length; i ++ ) {
if(input[i].selected == true) {
if( output.length == 0){
var option = new Option();
option.text = input[i].innerText;
input.remove(input[i--])
output.add(option);
//input.remove(i);
}
var isExist = false;
for(j = 0; j < output.length; j ++ ){
if (output[j].text == input[i].innerText){
isExist = true;
break;
}
}
if (isExist == false){
var option = new Option();
option.text = input[i].innerText;
input.remove(option)
output.add(option);
}
}
}
}
有两个列表框,左边这个叫input,右边的叫output.
为什么我的这样做,input移过去了,但是删除的只能是input第一条内容,而不是移过去(选择的)的那条.
//...之前的代码
<select name="select">
<%
ResultSet rs = conn.excuteQuery("select...");//查询数据库获得记录集
while(rs.next()){
out.print("<option value='" + rs.getString(1) + "'>" + rs.getString(2)); //把数据列1的值放到value中，把数据列2的值显示到前台
out.print("</option>");
}
%>
</select>
//...之后的代码
注意该代码的对应数据库表至少有2个属性
如果你要动态的改变列表框的值的话，就要采用AJAX的技术了，其中会有很多关于JS控制列表框的问题，可以动态的添加和删除
添加删除列表框选项的代码是（以下是JS）：
var sel = document.getElementById("..."); //活的列表框对象
sel.options.add("...")//给列表框增加选项
sel.options.remove(i);//删除列表框的第i个选项
希望能解决您的问题
以上
对不起，昨晚没上百度，没看到您的问题
你的代码问题出在最后几局里
//..之前的代码
input.remove(option)//只要把option改成i就可以了，就是找到的那个selected == true)的索引，remove方法是删除索引所对应的option
希望能解决您的问题
以上~
用js来实现列表框的添加与删除