blocks|key|1717251|text|这将按值选择一个选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717252|find("option[value='20120905']").click|code-block|syntax|javascript|1717253|要维护选择器的作用域，您可以将其包装在内块中，如下所示：|1717254|within+'#date'+do
++find("option[value='20120905']").click
end|1717255|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This will work to select an option by value:

<pre><code>find("option[value='20120905']").click
</code></pre>

To maintain the scope of the selector you could wrap it in a within block as such:

<pre><code>within '#date' do
 find("option[value='20120905']").click
end
</code></pre>

blocks|key|1717287|text|使用Poltergeist作为驱动程序，我不能单击上面一些其他选项中建议的选项，相反，您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717288|page.find_by_id('date').find("option[value='20120905']").select_option|offset|length|style|CODE|1717289|entityMap^0|0|0|1Y|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

With Poltergeist as driver I can't click on an option like suggested in some of the other options above, instead you can do the following:

<code>page.find_by_id('date').find("option[value='20120905']").select_option</code>

blocks|key|1930919|text|我写了一个helper方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1930920|def+select_by_value(id,+value)
++option_xpath+=+"//*[@id='#{id}']/option[@value='#{value}']"
++option+=+find(:xpath,+option_xpath).text
++select(option,+:from+=>+id)
end|code-block|syntax|javascript|1930921|保存在spec/support/中的.rb文件中|1930922|示例用法：|1930923|before+do
++select_by_value+'some_field_id',+'value'
++click_button+'Submit'
end|1930924|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I wrote a helper method:

<pre><code>def select_by_value(id, value)
 option_xpath = "//*[@id='#{id}']/option[@value='#{value}']"
 option = find(:xpath, option_xpath).text
 select(option, :from =&gt; id)
end
</code></pre>

Save in a .rb file in spec/support/

Example use:

<pre><code>before do
 select_by_value 'some_field_id', 'value'
 click_button 'Submit'
end
</code></pre>

blocks|key|1717273|text|您也可以通过执行以下操作来实现此目的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717274|find_by_id('date').find("option[value='20120905']").click|code-block|syntax|javascript|1717275|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also achieve it by doing the following:

<pre><code>find_by_id('date').find("option[value='20120905']").click
</code></pre>

blocks|key|1717633|text|那个帮助器方法非常聪明。我会稍微修改一下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717634|def+select_by_value(id,+value)

++option_xpath+=+"//*[@id='#{id}']/option[@value='#{value}']"

++find(:xpath,+option_xpath).click

end|code-block|syntax|javascript|1717635|或者只是：|1717636|find(:xpath,+"//select[@id='date']/option[@value='20120904']").click|1717637|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

That helper method is pretty clever. I would change it just a little bit:

<pre><code>def select_by_value(id, value)

 option_xpath = "//*[@id='#{id}']/option[@value='#{value}']"

 find(:xpath, option_xpath).click

end
</code></pre>

or just:

<pre><code>find(:xpath, "//select[@id='date']/option[@value='20120904']").click
</code></pre>

blocks|key|1717588|text|单击using+find_field+works+fine：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717589|find_field("date").find("option[value='20120905']").click|code-block|syntax|javascript|1717590|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Click using find_field works fine:

<pre><code>find_field("date").find("option[value='20120905']").click
</code></pre>

blocks|key|1931234|text|您还可以使用capybara-ui，它将首先查找匹配文本，然后查找匹配值。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1931235|#+define+your+form+widget,+in+this+case+in+a+role
class+UserRole+<+Capybara::UI::Role
++form+:my_form+do
++++select+:my_select,+'my_select'
++end
end

#+then+just+submit+your+form+params+via+#submit
role+=+UserRole.new

role.submit+:my_form,+my_select:+'20120905'|code-block|syntax|javascript|1931236|请参阅有关水豚-ui+forms+here的更多信息。|1931237|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mojotech/capybara-ui|1|https://github.com/mojotech/capybara-ui/blob/master/docs/widgets.md#forms^0|6|B|0|0|0|H|4|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

You could also use <a href="https://github.com/mojotech/capybara-ui" rel="nofollow">capybara-ui</a> which will look first to match the text, then to match the value.

<pre><code># define your form widget, in this case in a role
class UserRole &lt; Capybara::UI::Role
 form :my_form do
 select :my_select, 'my_select'
 end
end

# then just submit your form params via #submit
role = UserRole.new

role.submit :my_form, my_select: '20120905'
</code></pre>

See more about capybara-ui forms <a href="https://github.com/mojotech/capybara-ui/blob/master/docs/widgets.md#forms" rel="nofollow">here</a>.

blocks|key|1931356|text|在不可见字段的情况下，尝试执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1931357|find("#date",+visible:+false).find("option[value='20120905']").click|code-block|syntax|javascript|1931358|或作用域为：|1931359|within+'#date',+visible:+false+do
++++find("option[value='20120905']").click
end|1931360|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In case of not visible field, try this
<pre><code>find(&quot;#date&quot;, visible: false).find(&quot;option[value='20120905']&quot;).click
</code></pre>
Or with scope as:
<pre><code>within '#date', visible: false do
 find(&quot;option[value='20120905']&quot;).click
end
</code></pre>

For the HTML

<pre class="lang-html prettyprint-override"><code>&lt;select id="date"&gt;
 &lt;option value="20120904"&gt;Tue 4 Sep 2012&lt;/option&gt;
 &lt;option value="20120905"&gt;Wed 5 Sep 2012&lt;/option&gt;
 &lt;option value="20120906"&gt;Thu 6 Sep 2012&lt;/option&gt;
&lt;/select&gt;
</code></pre>

I have the following Capybara Ruby code:

<pre class="lang-ruby prettyprint-override"><code>select "20120905", :from =&gt; "date"
</code></pre>

But this errors with:

<pre><code>cannot select option, no option with text '20120905' in select box 'date' (Capybara::ElementNotFound)
</code></pre>

However, if I do

<pre class="lang-ruby prettyprint-override"><code>select "Wed 5 Sep 2012", :from =&gt; "date"
</code></pre>

It's ok.

Is it possible to select an option in Capybara by Value not Text?

Thanks

Capybara: Select an option by value not text

对于HTML<select id="date"> <option value="20120904">Tue 4 Sep 2012</option> <option value="20120905">Wed 5 Sep 2012</option> <option value="20120906">Thu 6 Sep 2012</option></select>我有以下Capybara Ruby

问水豚:根据值而不是文本选择选项
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问水豚:根据值而不是文本选择选项EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问水豚:根据值而不是文本选择选项
EN