그냥 심심해서 만들어 봤네요.
쉬운 코드인데 또 만들려고 하면 귀찮잖아요..ㅋㅋ
필요한 분들은 그냥 복사해서 쓰세요.ㅎㅎ
1. CallSelect함수에 4가지 인자를 전달한다.)
MakeCnt : Select Box를 생성할 갯수
ctrlName : 생성할 Select Box의 ID값
CtrlLoc : Select Box가 바인딩될 요소ID값
btnYN : 버튼 활성화 여부(보통 선택된 Select Box값을 전달할 때 사용)
2. CallSelect 함수는 변수 eleName에 바인딩할 html 객체를 찾아서 할당한다.
eleName 객체와 다른 인자를 mkSelect에 전달한다.
function CallSelect(MakeCnt, ctrlName, CtrlLoc, btnYN)
{
var eleName = document.getElementById(CtrlLoc);
mkSelect(MakeCnt, ctrlName, eleName, btnYN)
}
3. mkSelect는 SelectBox를 생성한다.
function mkSelect(cnt, sltName, objLoc, bln)
{
var AppendSltList = objLoc;
var optionsValue = new Array("게시판1", "게시판2", "게시판3", "게시판4", "게시판5", "게시판6", "게시판7", "게시판8", "게시판9", "게시판10");
var objSlt = new Array(cnt);
var objOpt = null;
//선택상자 생성
for(var i = 0; i < cnt; i++)
{
objSlt[i] = document.createElement("select");
objSlt[i].id = sltName + i;
var objOpt = document.createElement("option");
objOpt.value = "";
objOpt.innerText = "게시판선택하기";
objSlt[i].appendChild(objOpt);
for(var j = 0; j < optionsValue.length; j++)
{
objOpt = document.createElement("option");
objOpt.value = optionsValue[j];
objOpt.innerText = optionsValue[j];
objSlt[i].appendChild(objOpt);
}
AppendSltList.appendChild(objSlt[i]);
}
//버튼 생성
if(bln != false)
{
var ctrlIpt = document.createElement("input");
ctrlIpt.setAttribute("value", "템플릿 고르기");
ctrlIpt.setAttribute("type", "button");
ctrlIpt.onclick= pnlTmpView_Event;
AppendSltList.appendChild(ctrlIpt);
}
}
window.onload = function() {
CallSelect(3, "List", "SltBoard", true);
}
4. 마지막으로 Select Box가 바인딩될 위치를 마크업한다.
<div id="pnlAddList">
<div id="SltBoard"></div>
</div>
'Code Collection' 카테고리의 다른 글
| [자바스크립트] Select Box (0) | 2008/12/10 |
|---|---|
| 쿼리로 while문 돌면서 문자열 자르기 (0) | 2008/02/22 |