html上のセレクトボックスを使用してxmlからデータを抽出したい

締切済

質問者：-rascal-
質問日時：2005/01/28 14:28
回答数：1件

<data>
<p>
<a>10</a>
<b>***</b>
<c>***</c>
</p>

<p>
<a>100</a>
<b>###</b>
<c>###</c>
</p>
</data>

上記の様なxmlデータからhtml上にあるセレクトボックスよりJavaScriptを使って<a>が10の場合、<a>が100の場合、等の条件でデータを抽出したいのですが。
どのようにすればよいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： BLUEPIXY
回答日時：2005/01/28 20:32

IE6でしか動作確認していませんが、一応作ってみました。

<HTML>
<HEAD>
<TITLE>予定一覧</TITLE>
<script type="text/javascript">
function search(f){
var pattern, node;
f.A.value = f.COND.value;
pattern="//p[a='" + f.COND.value + "']/b";
node=xmlid.selectNodes(pattern);
f.B.value = node(0).text;
pattern="//p[a='"+ f.COND.value + "']/c";
node=xmlid.selectNodes(pattern);
f.C.value = node(0).text;
}
</script>
</HEAD>
<BODY>
<XML ID="xmlid">
<data>
<p>
<a>10</a>
<b>*b*</b>
<c>*c*</c>
</p>
<p>
<a>100</a>
<b>#b#</b>
<c>#c#</c>
</p>
</data>
</XML>
<form name="DATA">
A?<select name="COND" onchange="search(this.form)">
<option value="0">選択して下さい</option>
<option value="10">10</option>
<option value="100">100</option>
</select><br>
<label for="A">A:</label><input id="A" name="A" type="text" value="" size="20"><br>
<label for="B">B:</label><input id="B" name="B" type="text" value="" size="20"><br>
<label for="C">C:</label><input id="C" name="C" type="text" value="" size="20"><br>
</form>
</BODY>
</HTML>