버튼이 아닌 셀렉트박스로 div 불러오기.. 정보
버튼이 아닌 셀렉트박스로 div 불러오기..본문
소위 말하는 펼침메뉴(숨겨져 있다가 클릭시 보여지는거)로 되어 있습니다.
//해당스크립트 생략
<a onclick=view('acall') style='cursor:hand'>입력</a>
<div id="view_acall" style="display:none">
<table><tr><td>입력내용</td></tr></table>
</div>
위의 보시는바와 같이..."입력"이라는 글자를 클릭하면 아래쪽의 감추어져있던 "입력내용" 테이블이 보여집니다.
질문드리고 싶은것은요...
클릭이 아니라..셀렉트 박스에 적용하려 합니다.
<select name="wr_33" required class="box" itemname='특이사항'>
<option value="off" <? if($wr_33 == "off")echo "selected"; ?>>없음</option>
<option value="on" <? if($wr_33 == "on")echo "selected"; ?>>있음</option>
</select>
글쓰기에서...
위의 셀렉트 박스의 기본값은 "없음" 입니다.
이때 있음으로 선택하면...감추어져 있던 <div> 가 보여지게 하려 합니다.
어느부부을 어떻게 손을 봐야 할까요..
도와 주십시요..
//해당스크립트 생략
<a onclick=view('acall') style='cursor:hand'>입력</a>
<div id="view_acall" style="display:none">
<table><tr><td>입력내용</td></tr></table>
</div>
위의 보시는바와 같이..."입력"이라는 글자를 클릭하면 아래쪽의 감추어져있던 "입력내용" 테이블이 보여집니다.
질문드리고 싶은것은요...
클릭이 아니라..셀렉트 박스에 적용하려 합니다.
<select name="wr_33" required class="box" itemname='특이사항'>
<option value="off" <? if($wr_33 == "off")echo "selected"; ?>>없음</option>
<option value="on" <? if($wr_33 == "on")echo "selected"; ?>>있음</option>
</select>
글쓰기에서...
위의 셀렉트 박스의 기본값은 "없음" 입니다.
이때 있음으로 선택하면...감추어져 있던 <div> 가 보여지게 하려 합니다.
어느부부을 어떻게 손을 봐야 할까요..
도와 주십시요..
댓글 전체
<select
onChange="if( this.value=='on') view( 'acall'); else view('안 보이게');"
...
..
.
onChange="if( this.value=='on') view( 'acall'); else view('안 보이게');"
...
..
.
답변채택이 늦었습니다. 댓글보고 바로 적용하고 잘 작동되었습니다. 감사합니다.
<script language="JavaScript" type="text/JavaScript">
if (document.all) {
layerview='document.all'
styleview='.style.'
}
else if (document.layers) {
layerview='document.layers'
styleview='.'
}
function enable_cost(){
var sel = document.getElementById("wr_33");
if (wr_33.value=='on')
{
eval(layerview+'["open"]'+styleview+'visibility="visible"')
}
else
{
eval(layerview+'["open"]'+styleview+'visibility="hidden"')
}
}
</script>
<table id="table1" width="790" border="0" radius="4" rborder="#F6F5F3" rbgcolor="#F6F5F3">
<tr>
<td>
<select name="wr_33" required class="box" itemname='특이사항' onchange="enable_cost()" >
<option value="off" <? if($wr_33 == "off")echo "selected"; ?>>없음</option>
<option value="on" <? if($wr_33 == "on")echo "selected"; ?>>있음</option>
</select>
<span id="open">
내용
</span>
</td>
</tr>
</table>
if (document.all) {
layerview='document.all'
styleview='.style.'
}
else if (document.layers) {
layerview='document.layers'
styleview='.'
}
function enable_cost(){
var sel = document.getElementById("wr_33");
if (wr_33.value=='on')
{
eval(layerview+'["open"]'+styleview+'visibility="visible"')
}
else
{
eval(layerview+'["open"]'+styleview+'visibility="hidden"')
}
}
</script>
<table id="table1" width="790" border="0" radius="4" rborder="#F6F5F3" rbgcolor="#F6F5F3">
<tr>
<td>
<select name="wr_33" required class="box" itemname='특이사항' onchange="enable_cost()" >
<option value="off" <? if($wr_33 == "off")echo "selected"; ?>>없음</option>
<option value="on" <? if($wr_33 == "on")echo "selected"; ?>>있음</option>
</select>
<span id="open">
내용
</span>
</td>
</tr>
</table>
답변감사합드립니다. ^^