如何使用node.js在selenium webdriver中选择下拉列表值 [英] how to select a dropdown value in selenium webdriver using node.js

问题描述

我有以下HTML结构：

i have following HTML structure :

<button class="dropdown-toggle selectpicker btn btn-primary" data-toggle="dropdown" type="button" data-id="strategic_reseller_country" title="United States">
<div class="dropdown-menu open" style="max-height: 245.6px; overflow: hidden; min-height: 40px;">
<ul class="dropdown-menu inner selectpicker" role="menu" style="max-height: 243.6px; overflow-y: auto; min-height: 38px;">
<li class="" rel="0">
<a class="" style="" tabindex="0">
<span class="text"/>
<i class="glyphicon glyphicon-ok icon-ok check-mark"/>
</a>
</li>
<li rel="1">
<a class="" style="" tabindex="0">
<span class="text">Andorra</span>
<i class="glyphicon glyphicon-ok icon-ok check-mark"/>
</a>
</li>
<li rel="2">
<a class="" style="" tabindex="0">
<span class="text">United Arab Emirates</span>
<i class="glyphicon glyphicon-ok icon-ok check-mark"/>
</a>
</li>
<li rel="3">
<a class="" style="" tabindex="0">
<span class="text">Afghanistan</span>
<i class="glyphicon glyphicon-ok icon-ok check-mark"/>
</a>
</li>
<li rel="4">
<li rel="5">
<li rel="6">
<li rel="7">
<li rel="8">
<li rel="9">
<a class="" style="" tabindex="0">
<span class="text">Netherlands Antilles</span>
<i class="glyphicon glyphicon-ok icon-ok check-mark"/>
</a>
</li> 
</ul>
</div>

所以我怎样才能从列表中获取该项目..

so how could i get the item from list..

我是Node.Js（JavaScript）的新手，所以我不知道如何在node.Js中实现它，但它可以在java中实现如下：

I am new to Node.Js (JavaScript) so i don't know how to achieve it in node.Js but it can be achieved in java as follows :

选择dropdown = new Select（driver.findElement（By.class（dropdown-menu inner selectpicker）））;
dropdown.selectByVisibleText（Andorra）;

Select dropdown = new Select(driver.findElement(By.class("dropdown-menu inner selectpicker"))); dropdown.selectByVisibleText("Andorra");

推荐答案

我会使用 Cheerio 。

module.exports = {
    "login": function (browser) {
        var cheerio = require("cheerio")

        browser
            .url("http://www.wikipedia.org")
            .waitForElementVisible('body', 1000)
            .waitForElementVisible('select#searchLanguage', 1000)
            .source(function(result) { // .source() dump the page source in the variable
                $ = cheerio.load(result.value)
                var num_languages = $('select#searchLanguage option').length
                console.log('Wikipedia.org Languages: ' + num_languages);
            })
            .end();
    }
};

或只是使用 .execute（）命令

这篇关于如何使用node.js在selenium webdriver中选择下拉列表值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！