Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

I LOVE EJ

SELECT BOX에서 선택된 OPTION의 VALUE와 TEXT를 모두 가져오는 방법 본문

Web publishing/JavaScript

SELECT BOX에서 선택된 OPTION의 VALUE와 TEXT를 모두 가져오는 방법

BeOne 2008. 8. 1. 15:56

<html>
 <head>
  <title> new document </title>
<script>
function SetValue()
{
 var fm = document.MyForm;
// alert(fm.getVal.options[fm.getVal.selectedIndex].value);
// alert(fm.getVal.options[fm.getVal.selectedIndex].text);
 fm.getTxt.value = fm.getVal.options[fm.getVal.selectedIndex].text;
}
</script>
 </head>
 <body>
<form name='MyForm'>

<select name='getVal'>
 <option value='0'>가</option>
 <option value='1'>나</option>
 <option value='2'>다</option>
 <option value='3'>라</option>
</select>

<br>
<input type='text' name='getTxt'>
<br>
<input type='button' value='값체크' onclick='javascript:SetValue();'>
</form>
 </body>
</html>


위와 같은식으로 여러개의 'getTxt' 를 생성해 놓으면 받는 쪽에서 해당 파라미터를

받아서 사용하면 됩니다.

'Web publishing > JavaScript' 카테고리의 다른 글

javascript 형변환  (0) 2008.08.19
영문 소문자 입력시 대문자로 바로 변환하도록 구현하기  (0) 2008.08.14
window.showModalDialog() 파라미터에 대해서 덧붙이자면..  (1) 2008.05.06
iframe 값 넘기기  (0) 2007.12.31
iframe 태그 속성  (0) 2007.12.31
'Web publishing/JavaScript' Related Articles more