トップページ > Selenium API(逆引き) > 【Ruby】selected_options

【Ruby】selected_options・・・セレクトタグの選択されているオプションを取得する

【PR】業界トップクラスの「高単価報酬」「低マージン」を実現!レバテックフリーランス

Selectクラスのインスタンスに対して「selected_options」を実行することで、セレクトタグの選択されているオプションを取得することが出来ます。

下記のサンプルでは、まずSelectクラスのインスタンスを取得するためにnewの引数に、セレクトタグの要素を指定しています。続いて取得したインスタンスに「selected_options」を実行することで、セレクトタグの選択状態にあるオプションのリストを取得することが出来ます。あとは、リストからオプションを1つずつ取り出し、それぞれのオプションのインナーテキストを取り出すことで、実際に表示されている文字列を抽出することが出来ます。

説明

◆メソッド
  ・selected_options
◆使用形態
  ・select.selected_options
◆備考
  ・特になし
◆関連項目
  ・要素のタグ名を取得する
  ・要素に表示されているinnerTextを取得する

サンプル

require 'selenium-webdriver'
 
# Firefoxを起動
driver = Selenium::WebDriver.for(:firefox)
#指定したURLに遷移する<図1>
driver.get('file://D:/AutoTest/Select.html')
#要素をid番号から取得する(idが001のセレクトタグ)
element = driver.find_element(:id, '002');
#セレクトタグの要素を指定してSelectクラスのインスタンスを作成
select = Selenium::WebDriver::Support::Select.new(element)
#12星座のうち後半の6つを選択状態にする
for i in 6..11
    select.select_by(:index, i)
end
#セレクトタグ内の選択状態にあるオプションを取得
selectedOp = select.selected_options
#選択状態にあるオプションのインナーテキストを出力
for name in selectedOp
    puts(name.text)
end
※selenium version 4.1.0で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

Libra
Scorpio
Saggitarius
Capricorn
Aquarius
Pisces
getAllSelectedOptions2

Select.html<図1>

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>Select</title>
    </head>
    <body>
        <article>
            <p>血液型:<br>
                <select name="blood" id="001">
                    <option value="A">A type</option>
                    <option value="B">B type</option>
                    <option value="O">O type</option>
                    <option value="AB">AB type</option>
                </select>
            </p>
            <p>星座:<br>
                <select name="horoscope" size="12"multiple id="002">
                    <option value="Ari">Aries</option>
                    <option value="Tau">Taurus</option>
                    <option value="Gem">Gemini</option>
                    <option value="Can">Cancer</option>
                    <option value="Leo">Leo</option>
                    <option value="Vir">Virgo</option>
                    <option value="Lib">Libra</option>
                    <option value="Sco">Scorpio</option>
                    <option value="Sag">Saggitarius</option>
                    <option value="Cap">Capricorn</option>
                    <option value="Aqu">Aquarius</option>
                    <option value="Pis">Pisces</option>
                </select>
            </p>
        </article>
    </body>
</html>

動画デモ

※字幕をONにすると解説のテロップが表示されます※


Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (403) User does not have sufficient permissions for this profile. in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php:110 Stack trace: #0 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(62): Google_Http_REST::decodeHttpResponse(Object(Google_Http_Request), Object(Google_Client)) #1 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Task/Runner.php(174): Google_Http_REST::doExecute(Object(Google_Client), Object(Google_Http_Request)) #2 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(46): Google_Task_Runner->run() #3 /home/users/1/monda-muki/web/seleniumqref in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110