ホームページ > ウェブフロントエンド > jsチュートリアル > html_javascriptスキルのselectタグをカプセル化したjs操作の例

html_javascriptスキルのselectタグをカプセル化したjs操作の例

WBOY
リリース: 2016-05-16 17:30:41
オリジナル
1219 人が閲覧しました
コードをコピー コードは次のとおりです。

function BindSelect(id,dataList,fieldtext,fieldValue) {
//特定のデータ ソースをバインドします。fieldtext はバインドする必要があるテキスト フィールド、fieldValue はバインドする必要がある値フィールドです。
var select = $("#" id)[0]; 🎜>for (var i = 0; i select.options.add(new Option(eval("dataList[" i "]." fieldtext), eval("dataList[ " i "]." fieldValue)));
}
}
function BindSelectOptions(id, OptionList) {
var select = $("#" id)[0];
for (var i = 0 ; i
select.options.add(new Option(OptionList[i].Text, OptionList[i].Value));
}
}
function ClearAllItems(id) {//すべてのオプションをクリアします
var select = $("#" id)[0];
select.options.length = 0; 🎜>function AddOneItem( id, text, value) {//オプションを追加します
var select = $("#" id)[0];
select.options.add(new Option(text, value) );
}
function selectOneOption(id, selectValue) {//値に基づいてオプションを選択します
var select = $("#" id)[0];
var len = select .options.length;
for (var i = 0; i if (select.options[i].value == selectValue) {
select.options[i] .selected = true;
break;
}
}
function selectOneOptionByIndex(id,index) {/// /添え字に従って、オプションを選択します

var select = $("#" id)[0];
var len = select.options.length ;
if (インデックス >= 0 && インデックス select.options[index].selected = true;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート