셀렉트 박스 직접입력 정보
셀렉트 박스 직접입력본문
왕초보 질문드립니다.
include "new_config.php";
--------------------항목을 위 페이지에서 불러와
<select name="wr_10">
<option value="">도수</option>
<?
for ($i=1; $i<count($design_dosu); $i++) {
?>
<option value="<?=$design_dosu[$i]?>"<?if ($write["wr_10"]==$design_dosu[$i]) echo " selected";?>><?=$design_dosu[$i]?></option>
<?}?>
</select>
---------------------이렇게 select 박스를 만들어 씁니다.
여기서 (직접입력도) 할 수 있게 만들려고 합니다.
이메일 입력란 보면 직접입력을 선택해서 쓸 수 있는것처럼...
어떻게 적용시켜야 되는지 도저히 모르겠습니다.
고수님들의 한 수 부탁드립니다.
감사합니다.
include "new_config.php";
--------------------항목을 위 페이지에서 불러와
<select name="wr_10">
<option value="">도수</option>
<?
for ($i=1; $i<count($design_dosu); $i++) {
?>
<option value="<?=$design_dosu[$i]?>"<?if ($write["wr_10"]==$design_dosu[$i]) echo " selected";?>><?=$design_dosu[$i]?></option>
<?}?>
</select>
---------------------이렇게 select 박스를 만들어 씁니다.
여기서 (직접입력도) 할 수 있게 만들려고 합니다.
이메일 입력란 보면 직접입력을 선택해서 쓸 수 있는것처럼...
어떻게 적용시켜야 되는지 도저히 모르겠습니다.
고수님들의 한 수 부탁드립니다.
감사합니다.
댓글 전체
<script>
function 직접(val) {
if(val == "직접입력"){
document.form.직접입력.style.display = "block";
}
}
</script>
<select onchange="직접(this.value)">
<option value="직접입력">직접입력</option>
....
<input name="직접입력" style="display:none;>
업데이트파일
if($wr_10 == "직접입력")
$wr_10 = $직접입력;
function 직접(val) {
if(val == "직접입력"){
document.form.직접입력.style.display = "block";
}
}
</script>
<select onchange="직접(this.value)">
<option value="직접입력">직접입력</option>
....
<input name="직접입력" style="display:none;>
업데이트파일
if($wr_10 == "직접입력")
$wr_10 = $직접입력;
select 박스에 onchange 이벤트를 써서, 스크립트 함수 하나를 호출하게 만듭니다.
ex)
이렇게 되면 select 박스에 값이 다른게 선택 되면 fn_select 함수가 실행이 되는데, 이 스크립트 함수에
"직접입력" 이란 값이 들어 오게 되면 인풋 박스를 보여 주는 거지요
인풋 박스는 미리 만들어 둡니다. 예를 들면
ex)
<selecte name="wr_10" onchange="fn_select(this.value)">이렇게 되면 select 박스에 값이 다른게 선택 되면 fn_select 함수가 실행이 되는데, 이 스크립트 함수에
"직접입력" 이란 값이 들어 오게 되면 인풋 박스를 보여 주는 거지요
인풋 박스는 미리 만들어 둡니다. 예를 들면
<inpuy type="text" name="wr_9" id="wr_9" value="" tite="직접입력" style="display: none;">
<script>
function fn_select(val)
{
if(value == "직접입력")
document.getElementById('wr_9').style.display = "block";
else
{
document.getElementById('wr_9').style.display = "none";
document.getElementById('wr_9').value = "";
}
}
</script>
빠른답변 진심으로 감사드립니다.
제가 먼저 왕 초보라는 말씀을 않드렸네요. ㅋㅋ
질문드린 내용도 제가 만든게아니고 누가 만들어 준겁니다.
좀 구체적으로 자세한 설명 부탁드립니다.
죄송합니다.ㅠㅠ
제가 먼저 왕 초보라는 말씀을 않드렸네요. ㅋㅋ
질문드린 내용도 제가 만든게아니고 누가 만들어 준겁니다.
좀 구체적으로 자세한 설명 부탁드립니다.
죄송합니다.ㅠㅠ
이 이상 구체적일 수가 ㅜㅜㅜ kesan님이 적어 주신것도 거의 실제로 적용하는 소스이고, 제가 작성해 드린 소스도 실제로 직접 적용 가능한 소스 입니다. ; _ ;
ㅎㅎㅎ 감사합니다.
노력해보겠습니다.
@@
노력해보겠습니다.
@@