オートコンプリートドロップダウンボックスのセレンのwebdriver

Question

セレンのwebdriverの自動完了ドロップダウンからアドレスを選択する必要があります。

次のように私は、「SYDNEY、ニューサウスウェールズ州、オーストラリア、1001年」オートコンプリートボックスから値をドロップダウンを選択する必要があり、

<div id="wrapper"> 
<ul id="ui-id-1" class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" tabindex="0" style="display: none;"/> 
<div class="k-widget k-window" style="padding-top: 33px; min-width: 90px; min-height: 50px; width: 200px; display: none; top: 600px; left: 5px;" data-role="draggable"> 
<div class="k-widget k-window" style="padding-top: 33px; min-width: 90px; min-height: 50px; width: 200px; display: none; top: 600px; left: 5px;" data-role="draggable"> 
<div class="k-widget k-window" style="padding-top: 33px; min-width: 90px; min-height: 50px; width: 200px; display: none; top: 600px; left: 5px;" data-role="draggable"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<div class="datepicker datepicker-dropdown dropdown-menu" style="display: none;"> 
<ul id="ui-id-2" class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" tabindex="0" style="display: none;"/> 
<ul id="ui-id-3" class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" tabindex="0" style="display: none; width: 540px; top: 694.783px; left: 510px;"> 
<li class="ui-menu-item" role="presentation"> 
<a id="ui-id-704" class="ui-corner-all" tabindex="-1">SYDNEY, New South Wales, Australia, 1001</a> 
</li> 
<li class="ui-menu-item" role="presentation"> 
<a id="ui-id-705" class="ui-corner-all" tabindex="-1">SYDNEY, New South Wales, Australia, 1002</a> 
</li> 
<li class="ui-menu-item" role="presentation"> 
<a id="ui-id-706" class="ui-corner-all" tabindex="-1">SYDNEY, New South Wales, Australia, 1003</a> 
</li> 
<li class="ui-menu-item" role="presentation"> 
<a id="ui-id-707" class="ui-corner-all" tabindex="-1">SYDNEY, New South Wales, Australia, 1005</a> 
</li> 
<li class="ui-menu-item" role="presentation"> 
<li class="ui-menu-item" role="presentation"> 

をドロップダウンボックスの検査元素源を追加しました。私にいくつかのアイデアを提案してください。次のコードを使用しましたが、機能しません。

driver.findElement(By.id("HomeAddress_AddressLine1")).sendKeys("Walker Street"); 
     driver.findElement(By.id("HomeAddress_City")).click(); 
     driver.findElement(By.id("HomeAddress_City")).sendKeys("sydney"); 
     Thread.sleep(3000); 
     WebElement select = driver.findElement(By.id("ui-id-3")); 

     java.util.List<WebElement> options = select.findElements(By.tagName("li")); 

     for (WebElement option1 : options) { 

     if("SYDNEY, New South Wales, Australia, 1001".equals(option1.getText().trim())) 

     option1.click(); 
     }  
     Thread.sleep(2000); 

値を取得する方法を教えてください。ここでの問題は、ページがリロードされるたびに（ui-id-12、ui-id-18のように）、id値3が変更されていることです。私はこれと一緒にページのスクリーンショットを添付しました。

ありがとうございます。

Answer 1

「ドロップダウン」をクリックして都市のオプションを表示し、希望する都市をクリックする必要があります。それぞれの都市名はAタグの中にありますので、By.linkText()を使って見つけることができます。私はこれを再利用可能な関数にラップしました。

public static void setCity(String cityName) 
{ 
    driver.findElement(By.id("ui-id-3")).click(); // click the "dropdown" to display the list of options 
    driver.findElement(By.linkText(cityName)).click(); 
} 

...あなたがDOMに存在する何を選択したクラスが存在しないので、ここでは動作しません

setCity("SYDNEY, New South Wales, Australia, 1001");