菜鸟问题!高分赠送!

pandawind 2004-01-09 02:11:29
用<select> 和<option>生成的列表框,怎样用javascript动态添加列表框内容(例如添加一项到这个列表框中,列表框名字为colour)
谢谢!!!!
...全文
21 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
pandawind 2004-01-09
  • 打赏
  • 举报
回复
已经结贴。

但我会另开贴给分。
欢迎大家贴出与用<select> 和<option>生成的列表框有关的所有操作的代码,谢谢!
pandawind 2004-01-09
  • 打赏
  • 举报
回复
to: pzk(小黑蚁)
方法很好使。
谢谢!
能不能贴出与列表框有关的所有操作的代码,谢谢!
可另开贴给分。
或是发到我信箱里 pandawind@sina.com,收到后就开贴给分。
pandawind 2004-01-09
  • 打赏
  • 举报
回复
TO:zqp1771(風之曲)
系统报告:“option”没定义 :(
littleboys 2004-01-09
  • 打赏
  • 举报
回复
test.html
<select name="test" id="fason1">
<option value='1111'>1111</option>
</select>
<script language="javascript" src="select.js"></script>
<script language="javascript">
var a=new combox("a","fason1")
a.init()
/*var b=new combox("b","fason2")
b.init()
作用方法:
var obj=new combox(var1,var2)
var1:新生成的combox变量(如:a)
var2:原下拉框的name
obj.init():对象初始化
注意:后台取值时用combox_var2进行取值
*/
</script>


////////select .js//////////
/* select.js
作者:fason(阿信)
日期:2003-7-1
版本:v1.0
备注:只作技术交流,如需转载请注明作者等有关信息,多谢合作
*/
function combox(obj,select){
this.obj=obj
this.id=select;
this.select=document.getElementById(select);
/*要转换的下拉框*/
}

/*初始化对象*/
combox.prototype.init=function(){
var inputbox="<input id='combox_"+this.id+"' name='combox_"+this.name+"' onchange='"+this.obj+".find()' onblur='"+this.obj+".addItem(this.value)' "
inputbox+="style='position:absolute;width:"+(this.select.offsetWidth-16)+";height:"+this.select.offsetHeight+";left:"+getL(this.select)+";top:"+getT(this.select)+"'>"
document.write(inputbox)
with(this.select.style){
left=getL(this.select)
top=getT(this.select)
position="absolute"
width=this.select.offsetWidth
height=this.select.offsetHeight
clip="rect(0 "+(this.select.offsetWidth)+" "+this.select.offsetHeight+" "+(this.select.offsetWidth-18)+")"
/*切割下拉框*/
}
this.select.onchange=new Function(this.obj+".change()")
this.select.onresize=new Function(this.obj+".resize()")
this.change()

}

window:onresize=function(){location.reload()}
/*初始化结束*/



////////对象事件定义///////

combox.prototype.find=function(){
/*当搜索到输入框的值时,下拉框自动定位*/
var inputbox=document.getElementById("combox_"+this.id)
with(this.select){
for(i=0;i<options.length;i++)
if(options[i].text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change();
break;
}
}
}

combox.prototype.change=function(){
/*定义下拉框的onchange事件*/
var inputbox=document.getElementById("combox_"+this.id)
inputbox.value=this.select.options[this.select.selectedIndex].text;
with(inputbox){select();focus()};
}

combox.prototype.addItem=function(str){
var findText=false
for(i=0;i<this.select.length;i++)if(this.select.options[i].text.indexOf(str)==0){findText=true;break}
if(!findText){
this.select.options[this.select.length]=new Option(str,str)
this.select.value=str
}
}

////////对象事件结束///////

/*公用定位函数(获取控件绝对坐标)*/
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent)l+=e.offsetLeft;
return l
}
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent)t+=e.offsetTop;
return t
}
/*结束*/
yjgx007 2004-01-09
  • 打赏
  • 举报
回复
http://expert.csdn.net/Expert/topic/2630/2630018.xml?temp=.1001703
awaysrain 2004-01-09
  • 打赏
  • 举报
回复
<select name="select1"></select>
<script language="Javascript">
select1.options.add(new Option("colour"))
</script>
pandawind 2004-01-09
  • 打赏
  • 举报
回复
没有人吗?
zqp1771 2004-01-09
  • 打赏
  • 举报
回复
var youoptoion=new option
youoption.value='test'
youoption.text='test'
colour.addchild(youoption)

pzk 2004-01-09
  • 打赏
  • 举报
回复
<select id="sel"></select>
<script type="text/javascript">
var myoption=document.createElement("option");
myoption.text="mytext";
myoption.value="myvalue";
sel.options.add(myoption);
</script>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧