无法在 selenium Web 驱动程序中使用 Javascript 设置选择值

Question

我有一个网页，其中有一个级联下拉菜单。（见截图：）

第二个数据看起来像是通过 ajax 生成的，具体取决于第一个数据的选择。 这是第一个选择的代码：

<select class="form-control input-sm" name="aff_network_id" id="aff_network_id" onchange="load_aff_campaign_id($(this).val(), 0); load_landing_page(this.value); load_text_ad_id(this.value);">
    <option value="0"> -- </option>
    <option value="1">Sales</option>
</select>

对于第二个选择，这里是代码：

<select class="form-control input-sm" name="aff_campaign_id" id="aff_campaign_id" onchange="load_text_ad_id(this.value); if($('#landing_page_style_type')){load_landing_page( $('#aff_campaign_id option:selected').val(), 0, $('input:radio[name=landing_page_type]:checked').val()?$('input:radio[name=landing_page_type]:checked').val():'landingpage');} if($('#unsecure_pixel').length != 0) { change_pixel_data();}">
            <option value="0"> -- </option> 
            <option value="1">iPhone on Amazon · $100.00</option>        
</select>

现在使用网络驱动程序，当我这样做时：

            WebDriver driver=new FirefoxDriver();
            JavascriptExecutor js=null;
            if (driver instanceof JavascriptExecutor) {
                js = (JavascriptExecutor)driver;
            }

js.executeScript("document.getElementById('aff_campaign_id').value='1';" +
                            "return document.getElementById('aff_campaign_id').value;")

这不会改变第二个级联选择的值。它总是返回“--”，即默认值。这里可以做些什么来改变select的值？

Answer 1

如果我正确地理解了问题，为什么不使用 webdriver 在第一个下拉菜单中选择值，然后（在第二次更改值之后）在第二个组合框中获取值？！例如喜欢的东西

//First click on first comboBox
var dropDown = driver.findElement(By.Css("#aff_network_id"));
dropDown.click();
//Select value from first dropDown
dropDown.findElement(By.Css("option[value='1']")).click();

//after that value in second dropDown will be changed and you can get it's value
driver.findElement(By.Css("#aff_campaign_id")).getAttribute('value');

Answer 2

开发人员可能已将事件与第一个下拉列表绑定。我的意思是，在从 onblur 事件的第一个下拉菜单中选择选项后，他们可能会在第二个下拉菜单中生成依赖值。

因此，您需要在选择选项后的第一个下拉菜单中触发一个事件。