js下拉列表联动,上传图片展示的问题

问题描述

如何实现下拉列表中选择一个建筑物,然后下面的图片展示会根据选中的建筑物改变在建筑物模块图片展示的时候如何将上传的图片展示出来,我这里是写死的.我用的是bootstrap3.0,希望各位老师教教我如何实现的,尽量详细,谢!

解决方案

js的<select onchange="jsFunction(this)"> <option value="" selected >Label</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option></select><img id='imgId' src='1.gif'/>function jsFunction(sel){ document.getElementById('imgId').src=this.options[this.selectedIndex].value+".gif";}jquery的：<select class="target"> <option value="option1" selected="selected">Option 1</option> <option value="option2">Option 2</option> </select><img id='imgId' src='1.gif'/>$( ".target" ).change(function() { $("#imgId").attr("src", $(this).val()+'.gif');});
解决方案二：
onchange（index）{img.sec=index}