Jquery,选择选项。创建图像链接
使用多选选项,我想创建一个图像 我想创建一个图像。 选择a、b、c或d时,将控制器更改为a、b、c或d 选择x、y、z或t时,我想将第二个控制器更改为x、y、z或t 最后当我选择1,2,3。。或10,将图像数更改为1,2,3。。或10Jquery,选择选项。创建图像链接,jquery,select,option,Jquery,Select,Option,使用多选选项,我想创建一个图像 我想创建一个图像。 选择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
<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" />
A.
B
C
D
x
Y
Z
T
1.
2.
3.
4.
5.
6.
7.
8.
9
10
在这里,我想创建一个图像:(
求你了,有什么想法吗!
为我糟糕的英语干杯!这可能有用:
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);
});