ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript の選択ドロップダウン ボックス操作の一般的なメソッド_フォームの特殊効果

Javascript の選択ドロップダウン ボックス操作の一般的なメソッド_フォームの特殊効果

WBOY
WBOYオリジナル
2016-05-16 18:42:041064ブラウズ
コードをコピーします コードは次のとおりです。

function AddDropDownList(id,fatherCtl)
{
if (!document.getElementById(id))
{
var ddl = document.createElement('select');
ddl.setAttribute("id",id); 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)
}
}
//すべてのオプションを削除します
関数 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 ;
}
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。