記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

js 選択オプションオブジェクトの概要_javascript スキル

WBOY

リリース： 2016-05-16 17:08:11

オリジナル

1188 人が閲覧しました

基本的な理解:

var e = document.getElementById("selectId");

e. options= 新しいオプション("テキスト","値");

//オプションオブジェクトを作成します。つまり、

/**
* @description コンポーネント連携ドロップダウンリスト（JQUERYのAJAXとJSONを使用して実装）
* @prarm selectId ドロップダウンリストのID
* @prarmメソッド呼び出すメソッド名
* @prarm temp this ソフトウェアIDを格納
* @prarm url ジャンプ先のアドレス
*/
function linkAgeJson(selectId,method,temp,url){
$j.ajax({
type: "get",//Use get メソッドはバックエンドにアクセスします
dataType: "json",//データを json 形式で返します
url: url,//アクセスするバックエンドアドレス
data: "method=" method "&temp= " temp, //送信されるデータ
成功: function(msg){//msg は返されたデータで、データバインディングはここで行われます
var data = msg.lists;
coverJsonToHtml(selectId,data) ）;
/**
* @description JSON データを HTML データ形式に変換します
* @prarm selectId ドロップダウンリストの ID * @prarm nodeArray 返された JSON 配列

*
*/
function coverJsonToHtml(selectId,nodeArray){
//get select
var tempSelect=$j("#" selectId); //clear select value
isClearSelect(selectId,'0');
var tempOption=null;
for(var i=0;i//create select Option
tempOption= $j('');
//put 選択するオプション
tempSelect.append(tempOption);
}

function isClearSelect(selectId,index){
var length=document.getElementById(selectId).options.length;
while( length!=index){
//長さが変更されるため、再取得する必要があります
length=document.getElementById(selectId).options.length i);
}
}

/**
* @description ドロップダウンリストの値をクリアします
* @prarm selectId ドロップダウンリストの ID
* @pram Index クリアを開始する添字の位置
*/
function getCpgjThgl(selectId1,selectId2){
var obj1 =document.getElementById(selectId1);//リファレンスソフトウェアドロップ-down list
var obj2=document.getElementById(selectId2);// コンポーネントのドロップダウンリストを縮退します
var len=obj1.options.length;
// 参照されるソフトウェアリストの長さの場合に返しますは 1 に等しい場合、操作は実行されません。
if(len==1){
return false
}
// ドロップダウンリストの値をクリアします。両方のメソッドが使用可能です。 🎜> // isClearSelect(selectId2,'1');
document.getElementById(selectId2).length=1;
for(var i=0;ivar option = obj1.options[i];
//参照先ソフトウェアの選択項目は追加されません
if(i!=obj1.selectedIndex){
//OPTION を複製して SELECT に追加します
obj2.appendChild(option.cloneNode(true));
}

HTML コード:

コードをコピー

コードは次のとおりです: