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

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

新規登録して質問してみよう
ただいま回答率
85.35%
ドロップダウンメニュー

GUIを操作するユーザーインターフェイスで、リストボックスに似ており、ユーザーがリストから値を選べるようにするものです。ドロップダウンのリストが非アクティブの場合は、単体の値を表示します。アクティブ化されると、ユーザーが選択可能な値のリスト一覧を表示(ドロップダウン)します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

1861閲覧

Pythonでdivタグのドロップダウンを選択したい(Selenium,javascript)

UUUU

総合スコア5

ドロップダウンメニュー

GUIを操作するユーザーインターフェイスで、リストボックスに似ており、ユーザーがリストから値を選べるようにするものです。ドロップダウンのリストが非アクティブの場合は、単体の値を表示します。アクティブ化されると、ユーザーが選択可能な値のリスト一覧を表示(ドロップダウン)します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/08/05 05:44

■前提・実現したいこと

BUYMAというECサイトのWeb操作を自動化するツールを作成したい。

■発生している問題・エラーメッセージ
Python/seleniumにて新規出品画面のカテゴリ(ドロップダウン)を選択できなくて困っています。
マウスの位置やドロップダウンの選択肢により、動的にhtmlが変わってしまう場合
Pythonでどのように要素を取得し、ドロップダウンを選択すればよいのでしょうか。
対象のドロップダウンリストはselectタグが存在せず、divで括られています。
ドロップダウンリストをclick()まではできたのですが、適切な値の選択ができません。

■該当のソースコード
対象画面のソース(ドロップダウン選択なし)

html <div class="bmm-l-col bmm-l-col-4 sell-category__item"> <div class="Select bmm-c-custom-select sell-category-select Select--single"> <div class="Select-control"><span class="Select-multi-value-wrapper" id="react-select-2--value"> <div class="Select-placeholder">選択してください</div> <div aria-expanded="false" aria-owns="" aria-activedescendant="react-select-2--value" aria-disabled="false" class="Select-input" role="combobox" tabindex="0" style="border: 0px; width: 1px; display: inline-block;"></div></span> <span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div></div></div>

対象画面のソース(ドロップダウン選択あり)
試しに手動でドロップダウンを選択すると、htmlが以下のように変化します。

html <div class="bmm-l-col bmm-l-col-4 sell-category__item"> <div class="Select bmm-c-custom-select sell-category-select has-value Select--single"> <div class="Select-control"><span class="Select-multi-value-wrapper" id="react-select-2--value"> <div class="Select-value"> <span class="Select-value-label" role="option" aria-selected="true" id="react-select-2--value-item">レディースファッション</span></div> <div aria-expanded="false" aria-owns="" aria-activedescendant="react-select-2--value" aria-disabled="false" class="Select-input" role="combobox" tabindex="0" style="border: 0px; width: 1px; display: inline-block;"></div></span> <span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div></div></div> <div aria-expanded="false" aria-owns="" aria-activedescendant="react-select-2--value" aria-disabled="false" class="Select-input" role="combobox" tabindex="0" style="border: 0px; width: 1px; display: inline-block;"></div>

■試したこと
・driver.find_elements_by_~~ (class_name/id/name/css/xpath)
・time.sleep()
・driver.find_element_by_xpath("//*[@id='gh-shipto-click']/div/button/span").click()
等色々とググってみて、出てきたものは大方試しましたがダメでした。
phantomjs や javascript(動的なwebページ)といったキーワードも出てきましたが、
知見がなくどのように進めればいいか手詰まりになってしまいましたので、質問させていただきました。

具体的にどのように対応すればよいか、ご教示いただけますと幸いです。
(提示する情報が不足しておりましたらお知らせください。)

よろしくお願いいたします。

■補足情報(FW/ツールのバージョンなど)
Python3
selenium

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

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

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

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問