Question

我在同一个窗口上有2个下拉菜单。它们的代码都是相同的，但值不同。

第一个下拉菜单：

    <div style="width: 302px; display: block; top: 263px; left: 193px;" 
    class="number_combo_list  FullWidthField">    
<div class="" style="width: 100%; overflow: hidden;"></div>
<div class="" style="width: 100%; overflow: hidden;">One</div>
<div class="" style="width: 100%; overflow: hidden;">Two</div>
<div class="" style="width: 100%; overflow: hidden;">Three</div>

第二个下拉菜单：

<div style="width: 302px; display: block; top: 263px; left: 193px;" 
        class="number_combo_list  FullWidthField">    
    <div class="" style="width: 100%; overflow: hidden;"></div>
    <div class="" style="width: 100%; overflow: hidden;">Fries</div>
    <div class="" style="width: 100%; overflow: hidden;">Steak</div>
    <div class="" style="width: 100%; overflow: hidden;">Chicken</div>

我想在第二个下拉菜单中选择牛排。但是，每当我尝试时，我最终都会点击第一个下拉菜单。我知道我可以使用xpath，但我想使用css_selector。 有没有办法按文字值选择下拉菜单中的值？

Answer 1

请注意以下是CSS3兼容的方法，并且应该在IE8浏览器版本以上的版本

div.number_combo_list:nth-of-type(2)

或

div.number_combo_list:nth-child(2)

如果您有正在尝试的代码，请发布，以便我们可以在代码中指出问题，并提供最相关的答案。

通过文本值选择下拉菜单中的值

1 个答案: