图片大小被下拉文本框中的数值的大小来控制

[qq_39130762]

js代码怎么写

[winzond]

监听下拉菜单的change事件，获取内容，根本内容调节img的大小。要具体的代码，你得给出HTML，不然，别人给你的例子，你也未必能搬回去用

[jerry_loo]

用HTML和CSS即可实现：下拉菜单我想你应该已经设置好了,使用锚点跳转
1. 设置一个显示的窗口，overflow: hidden;
2. 用类似下面的代码进行跳转
<a href="#photo-sm"></a>
<a href="#photo-md"></a>
<a href="#photo-lg"></a>
...

<div id="photo-sm"><img src="">...
<div id="photo-md"><img src="">...
<div id="photo-lg"><img src="">...

[du2lon]

<img id="img" src="test.jpg"/>
<select id="demo">
<option value="120px;50px;">120x50</option>
<option value="320px;240px;">320x240</option>
<option value="640px;480px;">640x480</option>
</select>
<script>
var n = document.getElementById("demo");
n.onchange = function(){
var a,b,c,d;
a = document.getElementById("img");
b = n.value;
c = b.split(";");
a.style.width = c[0];
a.style.height = c[1];
}
</script>

[醉酒笑泪]

你也可以试一下这样 <img id="img" src="test.jpg" style="width:120px;height:50px;"/> <select id="demo"> <option value="120px;50px;">120x50</option> <option value="320px;240px;">320x240</option> <option value="640px;480px;">640x480</option> </select> <script> $("#demo").change(function(){ var a=$("#demo").split(";"); $("#img").css("width",a[0]); $("#img").css("height",a[1]); }) </script>