输入信息自动分割，遇到问题，求解

比如在“学生信息”中输入：张三，男，2011030101 ，计算机系 ，工控专业
我想保持“学生信息”栏保持不变，其他的自动分配到其他对应栏目中，
现在遇到的问题是，在“学生信息”栏中输入数据之后，也直接给截掉了，不知道如何保持这个栏目不变。
求解~
<html> 
<head> 
<meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
<title>输入信息自动分割</title> 
<script language="JavaScript" type="text/javascript"> 
function taoinfoInput(thisobj) 
{ 
objResult = ""; 
nextObjResult = ""; 
if(thisobj.value.indexOf('，') > 0) 
{ 
objResult = thisobj.value.substring(0,thisobj.value.indexOf('，')); 
nextObjResult = thisobj.value.substring(thisobj.value.indexOf('，')+1); 
thisobj.value = objResult.substring(0,thisobj.attributes["max"].nodeValue); 
if(arguments[1] != undefined && arguments[1] != null) 
{ 
next = arguments[1]; 
nextobj = document.getElementById(next); 
nextobj.value = nextObjResult.toUpperCase(); 
nextobj.onkeyup(); 
} 
} 
thisobj.value = thisobj.value.toUpperCase(); 
} 
</script> 
</head> 
<body> 
<br> 
请输入学生信息<input type="text" max="80" size="80" onkeyup="taoinfoInput(this,'key');"/><br>
姓名<input type="text" name="key" id="key" max="80" size="40" onkeyup="taoinfoInput(this,'key1');"/><br>
性别<input type="text" name="key1" id="key1" max="80" size="40" onkeyup="taoinfoInput(this,'key2');"/><br>
学号<input type="text" name="key2" id="key2" max="80" size="40" onkeyup="taoinfoInput(this,'key3');"/><br> 
系别<input type="text" name="key3" id="key3" max="80" size="40" onkeyup="taoinfoInput(this,'key4');"/><br> 
专业<input type="text" name="key4" id="key4" max="80" size="40" onkeyup="taoinfoInput(this);"/> 
</body> 
</html>

解决方案 »

  1.   

    建议改成这样.你原来的那种方法，没输入一个字符，整个光标都会跑到尾部，输入起来很不方便的吧
    <html> 
    <head> 
    <meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
    <title>输入信息自动分割</title> 
    <script language="JavaScript" type="text/javascript"> 
    function taoinfoInput(thisobj) 
    { 
    t=thisobj.value.split("，")
    for(i=0;i<t.length;i++) document.getElementById("key"+i).value=t[i]
    } 
    </script> 
    </head> 
    <body> 
    <br> 
    请输入学生信息<input type="text" max="80" size="80" onkeyup="taoinfoInput(this);"/><br>
    姓名<input type="text" name="key0" id="key0" max="80" size="40" /><br>
    性别<input type="text" name="key1" id="key1" max="80" size="40"/><br>
    学号<input type="text" name="key2" id="key2" max="80" size="40" ><br> 
    系别<input type="text" name="key3" id="key3" max="80" size="40"/><br> 
    专业<input type="text" name="key4" id="key4" max="80" size="40"/>
    </body> 
    </html>
      

  2.   

    照你原来的方法，可以改成下面的方法避免截取<html> 
    <head> 
    <meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
    <title>输入信息自动分割</title> 
    <script language="JavaScript" type="text/javascript"> 
    function taoinfoInput(thisobj) 
    { 
    objResult = ""; 
    nextObjResult = ""; 
    if(thisobj.value.indexOf('，') > 0) 
    { 
    objResult = thisobj.value.substring(0,thisobj.value.indexOf('，')); 
    nextObjResult = thisobj.value.substring(thisobj.value.indexOf('，')+1);
    if(!arguments[2]) thisobj.value = objResult.substring(0,thisobj.attributes["max"].nodeValue); 
    if(arguments[1] != undefined && arguments[1] != null) 
    { 
    next = arguments[1]; 
    nextobj = document.getElementById(next); 
    nextobj.value = nextObjResult.toUpperCase(); 
    nextobj.onkeyup(); 
    } 
    } 
    thisobj.value = thisobj.value.toUpperCase(); 
    } 
    </script> 
    </head> 
    <body> 
    <br> 
    请输入学生信息<input type="text" max="80" size="80" onkeyup="taoinfoInput(this,'key',1);"/><br>
    姓名<input type="text" name="key" id="key" max="80" size="40" onkeyup="taoinfoInput(this,'key1');"/><br>
    性别<input type="text" name="key1" id="key1" max="80" size="40" onkeyup="taoinfoInput(this,'key2');"/><br>
    学号<input type="text" name="key2" id="key2" max="80" size="40" onkeyup="taoinfoInput(this,'key3');"/><br> 
    系别<input type="text" name="key3" id="key3" max="80" size="40" onkeyup="taoinfoInput(this,'key4');"/><br> 
    专业<input type="text" name="key4" id="key4" max="80" size="40" onkeyup="taoinfoInput(this);"/> 
    </body> 
    </html>