03:35投稿失礼します。現在他の方のを参考に一覧画面での検索をしたいと考えています。参考にしているコードは”input”で直接入力になっておりますが、この部分を"select"に変更してドロップダウンで検索したいと考えています。以下、該当のコード部分です。//←この部分がinputです。selectにoptionを設定オプションを設定すると、他の検索窓も表示されなくなってしまう状態です。どなたかわかる方見えましたらご教授願いたいです。内容拝見いたしました。selectにoptionを設定で落ちているのではないかと思います。いう変数はどこにも宣言されていないからです。search_word1という変数にセレクトボックスを格納しているようですので、search_word1.appendChild(option1);と書き換えてみると動くのではないでしょうか。違う場合、他の部分の影響かもしれませんので、改めて全コードを補記して頂けると、原因が特定しやすいかと思います。佑太様ご教授ありがとうございます。返信が遅くなってしまい申し訳ありません。指摘頂いた箇所を訂正しましたが、動作に変わりありませんでした。以下コード全文を記載します。お時間の許す際に拝見して頂けたらと思います。00:44H_ishi様コード拝見いたしました。);で落ちるはずです。);のように、変数宣言のvarと変数名を詰めて書いているため、「varresult」や「varquery」という名前のグローバル変数として定義されていて、queryという変数は存在しないためです。下記の記事をご参照頂き、正確なコードに直してみてください。・デバッグのやり方https://developer.cybozu.io/hc/ja/articles/207613916・JavaScript入門https://www.javadrive.jp/javascript/もしスペースの詰まりが意図的なものではないのであれば、正確なコードを貼り付けてください。佑太様お手数をお掛けして申し訳ありません。コードはコピペした際にスペースが詰められており、こちらの意図してものではありませんでした。以下、コード全文です。02:15H_ishi様コード拝読いたしました。aNodeがまだ詰まっていましたが、一旦無視しました。(私の氏名の漢字も二度間違っているようです。コーディングをする際、タイプミスには必ず注意してください。record[FIELD_CODE1].value;という記述がありますが、recordという変数は定義していません。そのため、そこで処理が落ちます。event.recordsで一覧に表示されているレコードの配列を取得し、それをループする方法があります。option2をappendする先がsearch_word1になっていました。search_word2が正しい変数です。ドロップダウンで検索する際のクエリは「like」ではなく「in」です。https://developer.cybozu.io/hc/ja/articles/202331474#step2また、select要素に対するonkeypressイベントは有効ではないので、問題はありませんが削除していいでしょう。修正したコードを以下に記載します。このコードには下記の課題があります。解法を考えてみてください。02:22ちなみに、kintoneアプリ上で「項目」や「点数」がドロップダウンではなく、文字列(1行)や数値なのだとすれば、URLのクエリはlikeや>=で問題ありません。これはご質問内容から読み取れなかったため、推測での修正です。氏名まで間違えており、大変申し訳ありませんでした。以後、タイプミスが無いよう気を付けます。ご指摘ありがとうございました。修正して頂いたコードの課題ですが、likeをinに変更し、トリム方法も修正とありましたが、inに変更してだけでドロップダウンに変わっているかと思いますが、この状態だと問題があるという事でしょうか?正直なところ、直前の検索ワードを持ってくるや、分割するといった部分が理解できておらず、参考にした元コードのままのところがあります。index;})filterメソッドかと思いましたが、上記コードでは動作しませんでした。見当違いな事をしておりましたら、申し訳ありません。.substring())してGoogle検索などで調べて頂き、勉強してみてください。元コードのコメントも充実しているので、よく読めば何をしているのかわかるはずです。kintoneの仕様として、like句でのクエリ指定とinでのクエリ指定は、その先の書き方も異なります。likeでsplitした場合とinでsplitした場合では、得られる文字列のフォーマットが異なります。この辺りの記事を見るとわかりやすいかと思います。Element系の型になるので、filterは使えないはずです。filterを使う場合、select要素のchildrenをArray.from()などで配列にしてからfilterを行い、返ってきたoption要素の配列を再度select要素の子要素に設定するような流れになるかと思います。for文でoption要素を生成する前に、recordsから取り出した値を直接処理し、処理が終わった後の配列を元にfor文でoptionを生成する方法もあります。JavaScriptの基本的な文法やメソッドについてご理解を深める方が、本件についてもかえって近道なのではないかと思います。佑汰様いろいろとご教授を頂きましたが、自分の勉強不足を痛感いたしました。学んでから、もう一度この問題に取り組みたいと思います。この質問は終えさせて頂きますが、JavaScriptの理解を深めてからまた質問させて頂く事もあるかと思いますので、よろしくお願いいたします。Permalink0ログインしてコメントを残してください。