js XML はカスケード ドロップダウン ボックスを生成します code_javascript スキル

デフォルトで選択する必要がある場合は、変数 var cityId=city id を定義します
以下は JS コードです

コードをコピーします コードは次のとおりです。

function readxml() {
var XmlDoc = null;
if (window.ActiveXObject) {
XmlDoc = new ActiveXObject(" Microsoft.XMLDOM");
XmlDoc .async = false;
XmlDoc.load(path "/web/common/regions.xml");
browse = "ie";
} else if (document.implementation
&& document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument('', '', null);
xmlDoc.load("regions.xml"); 🎜>browse = "ff";
} else {
alert('このブラウザとは互換性がありません!');
var root = XmlDoc.documentElement;ルートノードの下の州ノード
var 州 = root.childNodes;
var 州 = document.getElementByIdx_x_x("regId"); ( var i = 0; i
// 州ノードの name 属性の値を取得します。
var name =profits[i].getAttribute("name");
// オプションを作成します
var opt = document_createElement_x_x("option");
// オプションにテキストを追加します
opt.a(document_createTextNode(name))
// に追加します親ノード
if(cityId!= null&&cityId!=""){
var city=provinces[i].childNodes;
for(var j=0;jif(citys[j].getAttribute ("id")==cityId){
opt.selected="selected";
for ( var j = 0; j // オプションを作成します
var opt1 = document_createElement_x_x("option");
opt1.value = city[j].getAttribute("id");
// オプションのテキストを追加します
opt1.a(document_createTextNode(citys [j]
.getAttribute("name")));
// 親ノードに追加
if(citys[j].getAttribute("id") )==cityId){
opt1.selected="選択";
cities.a(opt1)
}
}
}
}
州.a(opt);
}
province.onchange = function() {
var pce = document.getElementByIdx_x_x("province"); var opt1 = opts[pce.selectedIndex] ;
var name = opt1.innerText;
for ( var i = 0; i // の値を取得します。州ノードの name 属性
var name1 =profits[i].getAttribute("name");
if (name == name1) {
cities.length = 1;// 毎回クリア変更
var professional = states[i] ;
var city = pros.childNodes;
for ( var j = 0; j // オプションを作成します
var opt1 = document_createElement_x_x("option" );
opt1.value = city[j].getAttribute("id");
// オプションのテキストを追加します
opt1.a(document_createTextNode( citys[j]
.getAttribute(" name")));
// 親ノードに追加
cities.a(opt1);
}
}
}
}


次は XML 構造です




コードをコピーします

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

>



>

<省名="重慶"> ="23" name="重慶" isOpen="0" />