Select & Option Elements · 前端開發手冊

JxBrowser DOM API允許使用HTML SELECT和OPTION元素。要使用SELECT元素，請使用**DOMSelectElement**類。讓我們看看如何訪問包含以下HTML代碼的網頁上的SELECT元素： ``` <select id='select-tag'> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> ``` 要訪問SELECT元素，請使用以下JxBrowser API： ``` DOMDocument document = browser.getDocument(); DOMSelectElement select = (DOMSelectElement) document.findElement(By.id("select-tag")); ``` 現在，使用select實例，您可以獲得有關其選項的信息，以編程方式選擇指定的選項。例如： ``` List<DOMOptionElement> options = select.getOptions(); options.get(2).setSelected(true); ``` 您可以在下面找到完整的示例： ``` import com.teamdev.jxbrowser.chromium.Browser; import com.teamdev.jxbrowser.chromium.dom.By; import com.teamdev.jxbrowser.chromium.dom.DOMDocument; import com.teamdev.jxbrowser.chromium.dom.DOMOptionElement; import com.teamdev.jxbrowser.chromium.dom.DOMSelectElement; import com.teamdev.jxbrowser.chromium.events.FinishLoadingEvent; import com.teamdev.jxbrowser.chromium.events.LoadAdapter; import com.teamdev.jxbrowser.chromium.swing.BrowserView; import javax.swing.*; import java.awt.*; import java.util.List; /** * The sample demonstrates how to programatically select an option item in SELECT tag. */ public class DOMSelectOptionSample { public static void main(String[] args) { Browser browser = new Browser(); BrowserView browserView = new BrowserView(browser); JFrame frame = new JFrame(); frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); frame.add(browserView, BorderLayout.CENTER); frame.setSize(700, 500); frame.setLocationRelativeTo(null); frame.setVisible(true); browser.addLoadListener(new LoadAdapter() { @Override public void onFinishLoadingFrame(FinishLoadingEvent event) { if (event.isMainFrame()) { Browser browser = event.getBrowser(); DOMDocument document = browser.getDocument(); DOMSelectElement select = (DOMSelectElement) document.findElement(By.id("select-tag")); selectOptionByIndex(select, 2); } } }); browser.loadHTML("<html><body><select id='select-tag'>\n" + " <option value=\"volvo\">Volvo</option>\n" + " <option value=\"saab\">Saab</option>\n" + " <option value=\"opel\">Opel</option>\n" + " <option value=\"audi\">Audi</option>\n" + "</select></body></html>"); } private static void selectOptionByIndex(DOMSelectElement select, int index) { List<DOMOptionElement> options = select.getOptions(); options.get(2).setSelected(true); } } ```