此博客展示了用JavaScript实现表单选择框交互功能的代码。定义了多个函数，如aa、pp、edit等，用于处理选择框的长度、添加选项、编辑选项等操作，还包含一个表单，用户可提交选择框中的数据。
<script language="javascript">
function aa() {
i=document.frmtest.seltest.length;
}
function pp(){
document.frmtest.seltest.options[i]=new Option(ok=(document.frmtest.seltest.options[i])?document.frmtest.seltest.options[i].innerText+String.fromCharCode(event.keyCode):String.fromCharCode(event.keyCode),ok)
document.frmtest.seltest.selectedIndex=i;
}
function edit(){
if(document.frmtest.seltest.options[i]){
if(event.keyCode==8){
var str=document.frmtest.seltest.options[i].innerText;
var len=str.length;
document.frmtest.seltest.options[i].innerText=str.substring(0,len-1);
if(document.frmtest.seltest.options[i].innerText=="")
document.frmtest.seltest.remove(i);
}
if(event.keyCode==13)return false;
if(event.keyCode==32){
document.frmtest.seltest.options[i].innerText+=" ";
}
}
}
</script>
<body onload=aa();>
得到的数据：<%=request.form("seltest")%>
<form name=frmtest action=test.asp method="POST">
<select onkeypress=pp() onkeyup="edit()" name="seltest">
<option>测试程序</option>
<option>nanaka</option>
<option>zergman</option>
</select>
<input type=submit>
</form>
</body>
function aa() {
i=document.frmtest.seltest.length;
}
function pp(){
document.frmtest.seltest.options[i]=new Option(ok=(document.frmtest.seltest.options[i])?document.frmtest.seltest.options[i].innerText+String.fromCharCode(event.keyCode):String.fromCharCode(event.keyCode),ok)
document.frmtest.seltest.selectedIndex=i;
}
function edit(){
if(document.frmtest.seltest.options[i]){
if(event.keyCode==8){
var str=document.frmtest.seltest.options[i].innerText;
var len=str.length;
document.frmtest.seltest.options[i].innerText=str.substring(0,len-1);
if(document.frmtest.seltest.options[i].innerText=="")
document.frmtest.seltest.remove(i);
}
if(event.keyCode==13)return false;
if(event.keyCode==32){
document.frmtest.seltest.options[i].innerText+=" ";
}
}
}
</script>
<body onload=aa();>
得到的数据：<%=request.form("seltest")%>
<form name=frmtest action=test.asp method="POST">
<select onkeypress=pp() onkeyup="edit()" name="seltest">
<option>测试程序</option>
<option>nanaka</option>
<option>zergman</option>
</select>
<input type=submit>
</form>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
