[CODE]<html>
<head>
<script>
// Copyright (C) 2005 J-Studio(R) All Rights Reserved.
// www . jclink . com
// 关联关系
function fillingtextinput(jv,jt){
jt.value=jv.options[jv.selectedIndex].value.substr(0,3);
if (MyTrim(jt.value).length==0) jt.value="";
}
function fillingselect(jv,jt){
var i=0;
if (MyTrim(jv.value).length==3){
for (i=0;i<jt.options.length;i++){
if (MyTrim(jt.options[i].value).substr(0,3)==MyTrim(jv.value)){
jt.selectedIndex=i;
}
}
}
else
jt.selectedIndex=0;
}
//---------- MyTrim ----------
function MyTrim(inputStr)
{
return inputStr.replace(/(^\s*)|(\s*$)/g, "");
}
</script>
</head>
<body>
<input type="text" name="DataForm21_1" size="5" onkeyup=fillingselect(this,DataForm21);>
<select size="1" name="DataForm21" onchange=fillingtextinput(this,DataForm21_1);>
<option value=' 请选择国民经济行业分类代码'>
请选择国民经济行业分类代码</option>
<option value='011 种植业'>011 种植业</option>
<option value='019 其他农业'>019 其他农业</option>
<option value='020 林业'>020 林业</option>
<option value='031 牲畜饲养放牧业'>031 牲畜饲养放牧业</option>
<option value='032 家禽饲养业'>032 家禽饲养业</option>
<option value='033 狩猎业'>033 狩猎业</option>
<option value='039 其他畜牧业'>039 其他畜牧业</option>
<option value='041 海洋渔业'>041 海洋渔业</option>
<option value='042 淡水渔业'>042 淡水渔业</option>
<option value='051 农业服务业'>051 农业服务业</option>
<option value='052 林业服务业'>052 林业服务业</option>
<option value='053 畜牧兽医服务业'>053 畜牧兽医服务业</option>
<option value='054 渔业服务业'>054 渔业服务业</option>
</select>
</body>
</html>[/CODE]
这个是最近在帮政府做一个在线报表时用到的一个关联关系代码。
目的是实现文本框和下拉框的对应。在下拉框中选择时,文本框中的字段会变,在文本框中输入代码时,下拉框中也会进行相应的跳转。例如在文本框中输入054
[此贴子已经被作者于2005-6-9 22:50:56编辑过]