可用分押宝游戏火热进行中...	专题改版：Java Web 专题

javascript的定向问题？

楼主LeoYao（Leo）2005-06-03 12:59:23 在 Web 开发 / JavaScript 提问

我的页面里有一些数据是根据A-Z排列的，现在我想加个下拉列表里面的值是A--Z用26个，当我改变下拉列表的值时，数据也跳到相应的地方，如:当下拉列表选择S时，数据也定向到S这里，请问怎么作，本人初学，最好有代码，谢谢了
<下拉列表>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
...
<option value="A">Z</option>

<数据>
<input type="checkbox" name="checkbox">A
<input type="checkbox" name="checkbox">B
<input type="checkbox" name="checkbox">C
<input type="checkbox" name="checkbox">D
...
<input type="checkbox" name="checkbox">Z 问题点数：100、回复次数：10Top

1 楼LeoYao（Leo）回复于 2005-06-03 13:19:29 得分 0

自己顶一下Top

2 楼leo963258（我劝天公重抖擞，不拘一格降人才）回复于 2005-06-03 13:53:48 得分 0

<select name="sel" onchange="fun(this.value)">
<option>--
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
<input type="checkbox" name="A">A
<input type="checkbox" name='B'>B
<input type="checkbox" name='C'>C
<input type="checkbox" name='D'>D
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
Top

3 楼cncca（来个可乐 9_9）回复于 2005-06-03 14:08:02 得分 0

解决了吗?Top

4 楼LeoYao（Leo）回复于 2005-06-03 14:10:12 得分 0

我不是这个意思，我的意思是把他定向到相应的位置

有点类似于http://www.tt90.com/music/tt90_1.htm里面的"字母索引"Top

5 楼LeoYao（Leo）回复于 2005-06-03 15:16:21 得分 0

怎么没有人回答我呢？Top

6 楼leo1985129（yaobo）回复于 2005-06-03 16:53:26 得分 50

帮你顶一下Top

7 楼springwood（background-color:white）回复于 2005-06-03 18:00:12 得分 0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY>
<SELECT NAME="sel" onchange="test()">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</SELECT>
<a href="#" id = "hf" style="display:none">dd</a>
<input type="checkbox"name="checkboxA" usemap="loc#checkboxA" >AddddddddddAdddddddddd
<input type="checkbox" name="checkboxB" usemap="loc#checkboxB">BddddddAdddddddddd
<input type="checkbox" name="checkboxC" usemap="loc#checkboxC">CdddddddddAdddddddddd
<input type="checkbox" name="checkboxD" usemap="loc#checkboxD">DddddddddddddAdddddddddd

</BODY>
</HTML>
Top

8 楼net_lover（【孟子E章】）回复于 2005-06-03 18:54:10 得分 0

<body>
<select onchange="xxx(this)">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
...
<option value="Z">Z</option>
</select>
<数据>
 <br 
<input type="checkbox" name="checkbox">A 
<input type="checkbox" name="checkbox">B 
<input type="checkbox" name="checkbox">C 
<input type="checkbox" name="checkbox">D 
<input type="checkbox" name="checkbox">Z 
 <br 
 <br 
 <br 
<script>
function xxx(o)
{
obj = document.getElementsByName("checkbox")
for(i=0;i<obj.length;i++)
{

if(obj[i].nextSibling.nodeValue==o.options[o.selectedIndex].value)
{document.body.scrollTop=obj[i].offsetTop
}
}
}
</script>
</body>Top

9 楼net_lover（【孟子E章】）回复于 2005-06-03 19:04:09 得分 50

上下，左右全定位的
<body>
<select onchange="xxx(this)">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
...
<option value="Z">Z</option>
</select>
<数据>
 <br 
 <br 
 <br 
 <br 

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<input type="checkbox" name="checkbox">A
<input type="checkbox" name="checkbox">B
<input type="checkbox" name="checkbox">C
<input type="checkbox" name="checkbox">D
<input type="checkbox" name="checkbox">Z
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 <br 
 <br 
 <br <br 
 <br 
 <br 
<script>
function xxx(o)
{
obj = document.getElementsByName("checkbox")
for(i=0;i<obj.length;i++)
{

if(obj[i].nextSibling.nodeValue.substr(0,1)==o.options[o.selectedIndex].value)
{
document.body.scrollTop=obj[i].offsetTop
document.body.scrollLeft=obj[i].offsetLeft
}
}
}
</script>
</body>Top

10 楼springwood（background-color:white）回复于 2005-06-03 19:46:55 得分 0

net_lover(孟子E章)
强！
不知大哥有多少年经验了？Top