javascript - 如何使用 CasperJS 获取下拉框的值

Question

我正在寻找有关从下拉框中检索值的多个线程，以便稍后在 casperjs 脚本中使用这些值。

所以我的问题是，我无法从下拉框中获取值并在下一步中实际使用它，目前只是为了回显它。

这是我的下拉框在网页中的外观:

我确实尝试了一些示例，但它不起作用，我做错了什么？

casper.then(function() {
    var options = this.evaluate(function() {
        var options = document.getElementById('selectedNetworkElementOrGroup_TD').children;
        return [].map.call(options, function(opt) {
            return { val: opt.value, text: opt.textContent };
        });
    });
    this.echo(JSON.stringify(options));
});

一个问题可能是下拉框没有 ID!

Answer 1

您需要一个基本的 CSS 选择器，如下所示:#selectedNetworkElementOrGroup_TR select:

var options = this.evaluate(function() {
    var options = document.querySelector('#selectedNetworkElementOrGroup_TR select').children;
    return [].map.call(options, function(opt) {
        return { val: opt.value, text: opt.textContent };
    });
});
this.echo(JSON.stringify(options));