0
有了多个选择选项,我想创建一个图像。Jquery,选择选项。创建图像链接
我想创建一个图像。 当选择a,b,c或d时,将导演改为a,b,c或d
当选择x,y,z或t时,我想要将第二个导演更改为x,y,z或叔
在finaly当我选择1,2,3 ..或10的方法,图像的数量改变为1,2,3 ...或10
<script type="text/javascript">
<!--
function showkit() {
var htmlStr="";
var option = document.getElementById(event.srcElement.id);
for (i=0;i<option.options.length;i++) {
if (option.options[i].selected) {
htmlStr+='';
htmlStr+=option.options[i].value;
htmlStr+='';
}
}
document.getElementById('kitDisp').innerHTML = htmlStr;
}
function showrims() {
var htmlStr="";
var option = document.getElementById(event.srcElement.id);
for (i=0;i<option.options.length;i++) {
if (option.options[i].selected) {
htmlStr+='';
htmlStr+=option.options[i].value;
htmlStr+='-';
}
}
document.getElementById('rimsDisp').innerHTML = htmlStr;
}
function showcolor() {
var htmlStr="";
var option = document.getElementById(event.srcElement.id);
for (i=0;i<option.options.length;i++) {
if (option.options[i].selected) {
htmlStr+='';
htmlStr+=option.options[i].value;
htmlStr+='';
}
}
document.getElementById('colorDisp').innerHTML = htmlStr;
}
//-->
</script>
HTML代码:
<select size="3" id="Final_Version" multiple onChange="showkit()">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option>
</select>
<select size="3" id="Final_Version2" multiple onChange="showrims()">
<option value="1">x</option>
<option value="2">y</option>
<option value="3">z</option>
<option value="4">t</option>
</select>
<select size="3" id="Final_Version3" multiple onChange="showcolor()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
AND here i want to create the image :(<img src="director-a/director-b/image-5.jpg" />
请任何想法! Sry为我的坏英语!