[JSP] Javascript 를 이용한 select box 구현

<select id='selectbox'>

<option value="1">사과</option>

<option value="2">배</option>
<option value="3">포도</option>
<option value="4">귤</option>
<option value="5">자두</option>

</select>

text 값 가져오기

<script language="javascript">
var obj = document.getElementById('selectbox');
var text = obj.options[obj.selectedIndex].text;
alert(text);

</script>

value 값 가져오기

<script language="javascript">

var obj = document.getElementById(''selectbox'');
var value = obj.options[obj.selectedIndex].value;
alert(value);

</script>

 

위에서 option value가 text가 되는거고, 그니깐 숫자!

그 옆에 귤 자두 이런게 value가 되는거임! 햇갈리면 안딤!!

 

다른 예!!

 

<script language ="javascript">
function SelectValue(idvalue) {
var obj_id = document.getElementById('s_id');
obj_id.value = idvalue;
}
</script>

<input type="text" id="s_id">

<select name="Id" onChange="SelectValue(this.value)">
<option selected>선택
<option value="g_Id1">g_id1
<option value="g_Id2">g_id2
<option value="g_Id3">g_id3
<option value="g_Id4">g_id4
</select><br/>

 

 

 

참고 블로그

 

http://hmjkor.tistory.com/70

 

[출처] [JSP] Javascript 를 이용한 select box 구현|작성자 Nate