質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
XML

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

XPath(XML Path)

XML Path Language (XPath; XMLパス言語)は、マークアップ言語 XML に準拠した文書の特定の部分を指定する言語構文の事をいいます。XPathはXMLとは別の構文を使用します。XMLドキュメントの抽象、論理ストラクチャ上で動作します。

Q&A

1回答

2414閲覧

複数のキーワードで検索させる

Alpha

総合スコア41

XML

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

XPath(XML Path)

XML Path Language (XPath; XMLパス言語)は、マークアップ言語 XML に準拠した文書の特定の部分を指定する言語構文の事をいいます。XPathはXMLとは別の構文を使用します。XMLドキュメントの抽象、論理ストラクチャ上で動作します。

0グッド

0クリップ

投稿2016/07/25 07:58

編集2022/01/12 10:55

複数のキーワードを入力することであるデータを検索するようにしたいのですがうまくいきません。

以下のプログラムで一つのキーワードで検索するとこまではできました。

<html> <head><title>検索プログラム</title> <script language="JavaScript"> function searchProg(){ var doc = new ActiveXObject("Msxml2.DOMDocument"); doc.async = false; doc.load("hogeA.xml"); var root = doc.documentElement; var string = "<p>"; var searchKey1 = document.form1.key1.value; if(searchKey1 !=""){ var xPath = "movie[year = '"+searchKey1+"']/first"; var results = root.selectNodes(xPath); if(results.length >0){ for(i=0; i<results.length; i++){ string += results.item(i).text+"<br/>"; } }else{ string += "何も検索されませんでした。<br/>"; } }else{ string+= "firstまたはcomicを入力してください。<br/>"; } string += "</p>"; result.innerHTML = string; } </script> </head> <body> <h3>検索プログラム</h3> <form name="form1"> キーワード(firstを入力): <input size="30" type="text" name="key1"/> </form> <input type="button" value="検索" onClick = "searchProg()"> <hr/> 検索結果:<div id="result"></div> </body> </html>

このプログラムを修正してフォームを二つ表示するところまではいけました。
自分でも色々調べてみてand検索、or検索でやるところまではわかったんですがどのようにプログラムを置いていったらいいかわかりません。
参考までに上のプログラムを修正したものも載せておきます。

<html> <head><title>検索プログラム</title> <script language="JavaScript"> function searchProg(){ var doc = new ActiveXObject("Msxml2.DOMDocument"); doc.async = false; doc.load("hogeA.xml"); var root = doc.documentElement; var string = "<p>"; var searchKey1 = document.form1.key1.value; var searchKey2 = document.form2.key2.value; if(searchKey1 !=""){ var xPath = "movie[year = '"+searchKey1+"']/first"; var results = root.selectNodes(xPath); if(results.length >0){ for(i=0; i<results.length; i++){ string += results.item(i).text+"<br/>"; } }else{ string += "何も検索されませんでした。<br/>"; } }else{ string+= "firstまたはcomicを入力してください。<br/>"; } else if(searchKey2 !=""){ var xPath = "movie[comic = '"+searchKey2+"']/first"; var results = root.selectNodes(xPath); if(results.length >0){ for(i=0; i<results.length; i++){ string += results.item(i).text+"<br/>"; } }else{ string += "何も検索されませんでした。<br/>"; } }else{ string+= "firstまたはcomicを入力してください。<br/>"; } string += "</p>"; result.innerHTML = string; } </script> </head> <body> <h3>検索プログラム</h3> <form name="form1"> キーワード(firstを入力): <input size="30" type="text" name="key1"/> </form> <form name="form2"> キーワード(comicを入力): <input size="30" type="text" name="key2"/> </form> <input type="button" value="検索" onClick = "searchProg()"> <hr/> 検索結果:<div id="result"></div> </body> </html>
var xPath = "movie[date/year = '"+searchKey1+"' or comic = '"+searchKey2+"']/first";

に修正することで二つのキーワードで検索はできるようになったのですが

}else{ string += "何も検索されませんでした。<br/>"; } }else{ string+= "firstまたはcomicを入力してください。<br/>"; }

が二つ目の入力フォームに反映されません。
どうしたろよいのでしょうか。

ご指摘、ご教授の方よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

やりたいものはタイトルの内容ではなく「入力を出来るテキストボックスが2つあり、それぞれに1ワードずつ入力されるよう設計したが2つめのチェックが働かない」
と理解しました。
後ほど情報の修正を行ってください。

if(searchKey1 !=""){ (略) }

** else if(searchKey2 !=""){**
(略)

原因は太字枠です。
検索ボックス1の中身が空でない場合、検索ボックス2のベリファイロジックが実施されません。
ここを修正すると他に修正箇所が必ず出てきますので、頑張って解決してみてください。

老婆心ながら、コーディングに慣れないうちは、コーディングの前にフローチャート図を書いてみてはいかがでしょうか。

投稿2016/08/19 18:05

nomura

総合スコア116

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問