셀렉트 박스의 옵션을 선택시에 이미지 미리보기는 어떻게 하나요

셀렉트 박스의 옵션을 선택시에 이미지 미리보기는 어떻게 하나요 정보

셀렉트 박스의 옵션을 선택시에 이미지 미리보기는 어떻게 하나요

본문

첨부이미지는 목진철님의 빌더테스트 화면을 캡쳐한 것입니다

셀렉트 박스의 옵션을 선택할 때마다 아이콘이 변하는 데 ..

어떻게 하는 것인지 설명좀 부탁합니다

복사
공유하기

댓글 전체

쵸파 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

08.01.16 03:38:03

아래를 참조해보세요

<script>
function selectForm(frm){
var hiddenForms = document.getElementById("allForms");

theForm = hiddenForms.getElementsByTagName("div");

for(x=0; x<theForm.length; x++){
theForm[x].style.display = "none";
}

if (theForm[frm-1]){
theForm[frm-1].style.display = "block";
}
}
</script>

<select id="someID" name="someID" onChange="selectForm(this.options[this.selectedIndex].value)" style=width:200>
<option> ---선택---</option>
<option value="1"> 질문 1</option>
<option value="2"> 질문 2</option>
<option value="3"> 질문 3</option>
</select>

<div id="allForms">
<div style="color: #000; background:#EFE3C2; width:200px; padding: 10px; display:none;">
<img src=경로>
</div>
<div style="color: #000; background:#FFCC66; width:200px; padding: 10px; display:none;">
<img src=경로>
</div>
<div style="color: #000; background:#66FFCC; width:200px; padding: 10px; display:none;">
<img src=경로>
</div>
</div>

색시별 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

08.01.16 09:34:10

초파님//답변감사합니다..

그런데 아래는 무슨 문제가 있나요..계속 오류가 있어서요

<script language="javascript">

</script>

<td><select id=cf_21_3menumain name=cf_21_3menumain required itemname="아이콘" onChange="showimage()">
<? $a = "menu_01/menu_02/menu_03/menu_04/menu_05";
$b = explode("/",$a);
$c =count($b);
?>
<? for($i=0;$i<$c;$i++){?>
<? echo "<option value='$b[$i]'>$b[$i]</option>\n";
}
?>
</select>
<script language="JavaScript"> document.getElementById('cf_21_3menumain').value="<?=$config3[cf_21_3menumain]?>";</script></td></tr>

<tr class='ht'>
<td></td>
<td></td>
<td></td>
<td><IMG src="<?=$g4[path]?>/builder_skin/menu_main/<?=$config3[cf_1_3menumain]?>/img/<?=$config3[cf_21_3menumain]?>_02.gif" BORDER="0" ALT="" name="pictures"></td>
</tr>

초파님//답변감사합니다..

그런데 아래는 무슨 문제가 있나요..계속 오류가 있어서요

<td><select id=cf_21_3menumain name=cf_21_3menumain required itemname="아이콘" onChange="showimage()">
       <? $a = "menu_01/menu_02/menu_03/menu_04/menu_05";
 $b = explode("/",$a);
 $c =count($b);
 ?>
<? for($i=0;$i<$c;$i++){?>
  <? echo "<option value='$b[$i]'>$b[$i]</option>\n"; 
}
?>
</select>
        <script language="JavaScript"> document.getElementById('cf_21_3menumain').value="<?=$config3[cf_21_3menumain]?>";</script></td></tr>
	
<tr class='ht'>
    <td></td>
	<td></td>
	<td></td>
    <td><IMG src="<?=$g4[path]?>/builder_skin/menu_main/<?=$config3[cf_1_3menumain]?>/img/<?=$config3[cf_21_3menumain]?>_02.gif" BORDER="0" ALT="" name="pictures"></td>
</tr>

셀렉트 박스의 옵션을 선택시에 이미지 미리보기는 어떻게 하나요 > 그누4 질문답변

그누4 질문답변