본문 바로가기

팁! 이것만 알고가자/HTML_JAVASCRIPT

[HTML] select 태그 및 javascript 활용


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function upperCase(x, y)
{
 alert(y);
 var y=document.getElementById(x).value;
 if (y==1)
 {
  alert("선택한 값은 1입니다.");
 }else if(y==2)
 {
  alert("선택한 값은 2입니다.");
 }
 document.getElementById(x).value=y.toUpperCase();
}
//-->
</SCRIPT>
 <BODY>
  <FORM METHOD=POST ACTION="" name="bbb">
 <SELECT NAME="aaa"onchange="upperCase(this.name, this.value)">
  <OPTION VALUE="1" SELECTED>1</OPTION>
  <OPTION VALUE="2">2</option>
 </SELECT>
  </FORM>
 </BODY>
</HTML>