Nokogiri技术问题：如何定位无selected属性的选中<option>

嘿，作为Nokogiri新手碰到这种情况太正常啦！你说的问题核心在于：有些网站的选中选项是通过JavaScript动态设置的，并没有在原始HTML里添加selected属性，而Nokogiri只是静态解析HTML，不会执行页面里的JavaScript，所以之前靠@selected属性定位的方法就失效了。

下面给你两个实用的解决方案：

方案一：用支持JS渲染的工具捕获动态DOM #

最靠谱的办法是用能模拟浏览器行为的工具，比如Capybara搭配Selenium（或无头浏览器），它们会完整加载页面并执行所有JS，这样就能拿到JS执行后真正的选中状态了。

步骤示例： #

1. 先安装所需的gem：

gem install capybara selenium-webdriver

2. 编写代码获取选中选项：

require 'capybara/dsl'
require 'selenium-webdriver'

# 配置Capybara使用Chrome浏览器驱动（也可以用Firefox）
Capybara.default_driver = :selenium

# 引入Capybara的DSL方便调用方法
include Capybara::DSL

# 访问目标页面
visit '你的目标页面URL'

# 定位Color下拉框，获取选中的选项文本
selected_color = find('select[name="Color"]').find('option[selected]').text
puts selected_color # 这里就能输出Pink啦！

如果不想弹出浏览器窗口（比如在服务器上运行），可以改用无头Chrome：

require 'capybara/dsl'
require 'selenium-webdriver'

# 注册无头Chrome驱动
Capybara.register_driver :selenium_chrome_headless do |app|
  options = Selenium::WebDriver::Chrome::Options.new
  options.add_argument('--headless=new')
  Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
end

Capybara.default_driver = :selenium_chrome_headless
include Capybara::DSL

visit '你的目标页面URL'
selected_color = find('select[name="Color"]').find('option[selected]').text
puts selected_color

方案二：排查页面隐藏的选中值线索 #

有些网站会把选中的选项值存在隐藏的<input>里，或者通过API请求传递参数。你可以打开浏览器的开发者工具（F12），查看页面的Network或Elements面板，看看有没有类似<input type="hidden" name="selected_color" value="Pink">这样的元素，要是有的话，直接用Nokogiri定位这个隐藏输入框就能拿到值：

selected_color = page.at('input[name="selected_color"]')&.value

不过这种情况比较少见，还是方案一的通用性最强。

内容的提问来源于stack exchange，提问作者Dtrav