셀렉트박스의 value가 변경이 되지 않습니다.
본문
안녕하세요. 간단한 설명을하자면 처음에 홈페이지에 들어갔을때는 db에서 전체 목록을 뿌려줍니다.
그리고 특정 목록을 보고싶으면 셀렉트박스에 원하는 값을 클릭시 특정목록이 뿌려지는 기능을 만들고 있습니다.
셀렉트박스 값 선택시 db에서 목록을 뿌려주는것까진 잘되는데 이 셀렉트박스의 텍스트값이 변경이 되질 않고있습니다 ㅜㅜ
셀렉트박스 기본값은 통합검색인데 속초지역을 눌렀을시 셀렉트박스값도 통영으로 보여야되는데 계속 통합검색으로 보입니다 ㅜㅜ 속초 목록은 잘 뜨는걸 보아하니 값전달 문제는 아닌거같고...크롬개발도구로 확인했는데 에러는아니고... 뭔가 놓친게 있는거 같은데 제 머리로는 한계가와 유저분들의 의견을 묻고싶습니다.
// form부분
<form method="get" name="frmSearch" id="frmSearch" onSubmit="return findString(document.getElementById('kind').value);" style="position:fixed; border-bottom:1px solid #5d5d5d; background-color:#111111; padding:5px 5px 3px 5px; display:inline; width:100%; ">
<table cellpadding=0 cellspacing=0 border=0 style="background-color:#111111; float:left; padding:10px;">
<tr>
<td style="padding-right:5px;">
<select id="kind" name="kind" onchange="changesubmit()" style="height:30px;background:#fff; width: 150px; border:0; color:#111111; border:3px solid #aaaaaa;">
<option value="all" selected >통합검색
<option value="속초">속초
<option value="동해">동해
<option value="포항">포항
</select>
</td>
</tr>
</table>
</form>
// 자바스크립트 부분
<script>
function changesubmit()
{
document.frmSearch.submit();
}
</script>
<script>
var S_txt= "<?=$_GET[kind]?>";
if(S_txt !=""){
document.sampleform.kind.value="<?=$_GET[kind]?>";
}
</script>
답변 1
자답입니다. 어떻게 하다보니까 해결했네요
혹시 나중에 저같은 경우가 오실 분들을 위해 해결책을 써놓겠습니다.
<script>
var ele = document.getElementById('kind');
var S_txt= "<?=$_GET[kind]?>";
if(S_txt !=""){
for( i=0,j=ele.length; i<j; i++ )
{
if(ele.options[i].value == S_txt )
{
ele.options[i].selected = true;
break;
}
}
}
</script>