使用多个选择选项,我想创建一个图像。
我想创建一个图片。 选择a,b,c或d时,将导演更改为a,b,c或d
当选择x,y,z或t时,我想将第二个导演更改为x,y,z或t
最后当我选择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 code:
<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" />
请,任何想法! 为我糟糕的英语而烦恼!
答案 0 :(得分:0)
这可行:
var $txt = {first:null,second:null,third:null};
$('select').on('change', function(){
switch($(this).attr('id')){
case 'Final_Version' : $txt.first = 'directory-'+ $('#Final_Version').find(':selected').text();
case 'Final_Version2' : $txt.second = 'subdir-'+$('#Final_Version2').find(':selected').text();
case 'Final_Version3' : $txt.third = 'img-'+$('#Final_Version3').find(':selected').text();
}
alert('url = '+$txt.first+'/'+$txt.second+'/'+$txt.third);
});