Javascript 선택 드롭다운 상자 작업을 위한 일반적인 방법_양식 특수 효과

코드 복사 코드는 다음과 같습니다.

function AddDropDownList(id,fatherCtl)
{
if (!document.getElementById(id))
{
var ddl = document.createElement('select');
ddl.setAttribute("id",id)
if( fatherCtl&&document.getElementById(fatherCtl))
document.getElementById(fatherCtl).appendChild(ddl);
else
document.body.appendChild(ddl)
}
}
/ /지정된 드롭다운 상자 삭제
function RemoveDropDownList(id)
{
var ctl = document.getElementById(id)
if(ctl)
ctl.parentNode.removeChild( ctl);
}
//드롭다운 상자에 옵션 추가
function AddDDDLOption(id,text,value)
{
var ctl = document.getElementById(id); 🎜>if(ctl)
{
ctl.options[ctl.options.length] = new Option(text,value)
}
}
//모든 옵션 제거
function RemoveAllDDLOptions(id)
{
var ctl = document.getElementById(id);
if(ctl)
{
ctl.options.length=0
}
}
//인덱스 지정을 위한 삭제 옵션
function RemoveDDLOption(id,index)
{
var ctl=document.getElementById(id)
if(ctl && ctl.options; [index])
{
ctl.options[index]=null;
}
}
//드롭다운 상자에서 선택한 값 가져오기
function GetDDLSelectedValue(id )
{
var ctl = document.getElementById(id);
if(ctl)
{
return ctl.options[ctl.selectedIndex].value
}
//드롭다운 상자에서 선택한 텍스트 가져오기
function GetDDLSelectedText(id)
{
var ctl = document.getElementById(id)
if(ctl)
{
return ctl.options[ctl.selectedIndex].text
}
}