Web/Javascript
DHTML 을 이용한 클라이언트 스크립트로 Element 생성의 가능성
aucd29
2013. 9. 26. 21:31
우선은 대충 select를 만들긴했는데 요걸 prototype 형식으로 해서
radio, select, checkbox, inputbox, hidden 등을 생성해보도록 하자.
<!--------------------------------------------------------------------
+
+ date :
+ copyright : aucd29
+ e-mail : aucd29@daum.net
+
+
+
+ ------------------------------------------------------------------>
<html>
<head>
<title></title>
<meta name='author' content='interkorea'>
<meta name='keywords' content=''>
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='pragma' content='no-cache'>
<meta http-equiv='content-type' content='text/html; charset=euc-kr'>
<link rel='stylesheet' href='/include/css.css' type='text/css'>
<script language='javascript' src='/include/main.js'></script>
<script language='javascript'>
function CreateSelect(name,data,select)
{
var field = new Array();
field = data.split('|');
f_len = field.length;
document.write('<select name='+name+'><option value="">선택하세요');
/*f(data2!='undefinde')
{
var field2 = new Array();
field2 = data2.split('|');
f2_len = field2.length;
}
else
{*/
for(i=0; i<f_len; ++i)
{
document.write('<option value="'+field[i]+'"');
if(select == field[i])
{
document.write(' SELECTED');
}
document.write('>'+field[i]);
}
/*} */
document.write('</select>');
}
</script>
</head>
<body>
<table cellspacing='0' align='center' cellpadding='3' border='1' width='95%' bordercolordark='white' bordercolorlight='#D6D6D6'>
<tr>
<td><script language='javascript'>CreateSelect('hello','data|data2|data3','data2');</script></td>
</tr>
</table>
</body>
</html>
radio, select, checkbox, inputbox, hidden 등을 생성해보도록 하자.
<!--------------------------------------------------------------------
+
+ date :
+ copyright : aucd29
+ e-mail : aucd29@daum.net
+
+
+
+ ------------------------------------------------------------------>
<html>
<head>
<title></title>
<meta name='author' content='interkorea'>
<meta name='keywords' content=''>
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='pragma' content='no-cache'>
<meta http-equiv='content-type' content='text/html; charset=euc-kr'>
<link rel='stylesheet' href='/include/css.css' type='text/css'>
<script language='javascript' src='/include/main.js'></script>
<script language='javascript'>
function CreateSelect(name,data,select)
{
var field = new Array();
field = data.split('|');
f_len = field.length;
document.write('<select name='+name+'><option value="">선택하세요');
/*f(data2!='undefinde')
{
var field2 = new Array();
field2 = data2.split('|');
f2_len = field2.length;
}
else
{*/
for(i=0; i<f_len; ++i)
{
document.write('<option value="'+field[i]+'"');
if(select == field[i])
{
document.write(' SELECTED');
}
document.write('>'+field[i]);
}
/*} */
document.write('</select>');
}
</script>
</head>
<body>
<table cellspacing='0' align='center' cellpadding='3' border='1' width='95%' bordercolordark='white' bordercolorlight='#D6D6D6'>
<tr>
<td><script language='javascript'>CreateSelect('hello','data|data2|data3','data2');</script></td>
</tr>
</table>
</body>
</html>