javascript怎么实现下拉列表
日期：2014-05-16 浏览次数：20391 次
javascript如何实现下拉列表
并实现跳转
到该位置的图片上
通过下列代码已经实现了图片的上下翻页动作，可以基本实现浏览功能，但是还需要有一个下拉表来更便捷的观看想看的图片。
不知道怎么实现
<script language="javascript">
var img="1.jpg|2.jpg|3.jpg";
x=img.split("|");
z=x.length-1;
function next() {
var y=parseInt(document.all.cc.value,10);
y=y+1;
if (y>z) {y=z;}
document.all.ima.src=x[y];
document.all.cc.value=y;
}
function prev() {
var y=parseInt(document.all.cc.value,10);
y=y-1;
if (y<0) {y=0;}
document.all.ima.src=x[y];
document.all.cc.value=y;
}
</script>
<img src="1.jpg" name="ima">
<input type="hidden" name="cc" id="cc" value="0">
<br/>
<input type="button" onclick="prev()" value="上一页">
<input type="button" onclick="next()" value="下一页">
------解决方案--------------------
并实现跳转
到该位置的图片上
通过下列代码已经实现了图片的上下翻页动作，可以基本实现浏览功能，但是还需要有一个下拉表来更便捷的观看想看的图片。
不知道怎么实现
<script language="javascript">
var img="1.jpg|2.jpg|3.jpg";
x=img.split("|");
z=x.length-1;
function next() {
var y=parseInt(document.all.cc.value,10);
y=y+1;
if (y>z) {y=z;}
document.all.ima.src=x[y];
document.all.cc.value=y;
}
function prev() {
var y=parseInt(document.all.cc.value,10);
y=y-1;
if (y<0) {y=0;}
document.all.ima.src=x[y];
document.all.cc.value=y;
}
</script>
<img src="1.jpg" name="ima">
<input type="hidden" name="cc" id="cc" value="0">
<br/>
<input type="button" onclick="prev()" value="上一页">
<input type="button" onclick="next()" value="下一页">
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
var img="1.jpg
------解决方案--------------------
2.jpg
------解决方案--------------------
3.jpg";
x=img.split("
------解决方案--------------------
");
z=x.length-1;
window.onload=function(){
var seclObj=document.getElementById("secl");
seclObj.onchange=function(){
document.all.cc.value=this.value-1;
document.all.ima.src=x[this.value-1];
}
for(var i=0;i<=z;i++){
seclObj.appendChild(new Option(x[i],i+1));
}
}
function next() {
var y=parseInt(document.all.cc.value,10);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
