Selectクラスのインスタンスに対して「deselectByIndex」を実行することで、セレクトタグのオプションをインデックス番号から未選択にします。
下記のサンプルでは、まずSelectクラスのインスタンスを取得するために、Selectクラスのコンストラクタの引数に、セレクトタグの要素を指定しています。続いて取得したインスタンスに対して「selectByIndex」を実行することで、引数で指定されたインデックス番号に対応するオプションが選択状態になります(ここでは先頭から連続した3つのオプションが選択状態になります)。最後に「deselectByIndex」の実行で指定されたインデックス番号のオプションを未選択にしています。
説明
◆メソッド ・public void deselectByIndex(int index) ◆使用形態 ・select.deselectByIndex(indexNumber) ◆備考 ・指定されたインデックス番号が存在しない場合はExceptionが発生する ◆関連項目 ・セレクトタグのオプションをValue属性から未選択にする ・セレクトタグのオプションをテキストを指定してから未選択にする
サンプル
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
public class WebTest{
public static void main(String[] args){
//Chrome制御のためChromeDriverのパスを指定
System.setProperty("webdriver.chrome.driver",
"D:\\AutoTest\\chromedriver.exe");
//Chromeを起動する
WebDriver driver = new ChromeDriver();
//指定したURLに遷移する<図1>
driver.get("file://D:/AutoTest/Select.html");
//要素をid番号から取得する(idが002のセレクトタグ)
WebElement element = driver.findElement(By.id("002"));
//セレクトタグの要素を指定してSelectクラスのインスタンスを作成
Select select = new Select(element);
//12星座のうち先頭から連続して3つを選択状態にする
for(int i=0;i<3;i++){
select.selectByIndex(i);
}
//先頭から3つが連続して選択状態になっていることをWaitをおいて確認する
try{
Thread.sleep(3000);
}catch(InterruptedException e){
}
//インデックス番号を設定する(先頭から2番目のオプション)
int indexnum = 1;
//指定したインデックス番号のオプションを未選択にする
select.deselectByIndex(indexnum);
}
}※selenium version 4.1.4で動作確認をしています
実行結果
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にすると解説のテロップが表示されます※