<script type="text/javascript">
<!--
function f1_NoDuplicateSelect(fld){
var cnt=0;
for(fi=0;fi<document.forms.length;fi++){
var f = document.forms[fi];
var selval = new Array();
for(i=0;i<f.elements.length;i++){
if(f.elements[i].type=="select-one" && f.elements[i].getAttribute("cannotduplicate")!=null){
var tmp_ind = f.elements[i].selectedIndex;
var tmp_arrt = f.elements[i][tmp_ind].getAttribute("notduple");
if(tmp_arrt!=null){
selval[cnt]=f.elements[i].value;
cnt++;
}
}
}
for(i=0;i<selval.length-1;i++){
for(j=i+1;j<selval.length;j++){
if(selval[i]==selval[j]) {
alert("중복.");
fld.selectedIndex=0;
return false;
}
}
}
}
return true;
}
-->
</script>

 <p align="center">&nbsp;<select name="wr_1" class="TxtArea" onchange="return f1_NoDuplicateSelect(this);" cannotduplicate>
                                                        <option selected>선택하세요</option>
                                                        <option value="1" notduple>Red</option>
                                                        <option value="2" notduple>Yellow</option>
                                                        <option value="3">Green</option>
                                                        <option value="4">Blue</option>

</select></p>

위 소스로 제가 게시판을 만들고있습니다.

option value가 1 , 2 , 3 , 4 로 지정되있어서

view.list.php 에 출력이 되면 1,2,3,4 이런식으로 출력이됩니다 ㅠ

여기서 제가 하고싶은것은 1,2,3,4가아닌 이미지가 출력이 되었으면 해요

제가 원하는것이 가능할까요?? 그렇다고 1,2,3,4 저걸 img src로 해버리면 중복효과가 안되더라구요... 고수님들 답변좀 부탁드릴께요~