求javascript脚本的思路,想要写一个下拉列表的联动,选中其中一个option,则会展现响应的图片?
发布网友
发布时间:2022-04-24 21:47
我来回答
共2个回答
热心网友
时间:2022-04-24 23:16
看你说的动态显示下拉菜单你应该会的,动态语言都可以的。
再者option的value是sanguo表的id,比如你生成的下拉菜单代码是这样的:
<select id="myselect" onchange="displaypic(this)">
<option value="1">第一个(sanguo表的第一个name)</option>
<option value="2">第二个(sanguo表的第二个name)</option>
<option value="3">第三个(sanguo表的第三个name)</option>
</select>
<div id="divpic"></div>
引入jquery.js: <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script>
$(function(){
<!--页面加载完成调用此方法-->
function displaypic(ele){
var id = ele.id; //得到选中option的id
$.ajax({
type: "POST",
url: "<%=basePath%>后台方法", //异步调用后台方法,得到图片地址
success: function(imgaddress){
$("#divpic").html("<img src="+imgaddress+"/>");
}
});
}
});
这样就可以在id=divpic的iv里面显示你所选option所对应的图片了。
要是楼主不懂可以继续追问,愿为你解答,呵呵。
热心网友
时间:2022-04-25 00:34
二维数组