嘗試 select 下拉列表中的值

Question

我正在訪問的頁面上的一個表格。 此表單有一個包含 3 個選項的下拉列表。 我需要 select 第三個選項。 從帶有 cefsharp 庫（嵌入式 web 瀏覽器）的 C# 程序訪問網頁。

我可以使用更改顯示的文本

document.forms[0].getElementsByClassName('css-0 Select__single-value')[0].innerText="Keep in-play";

但這還沒有注冊。 還嘗試觸發輸入和更改事件，但它仍然無法識別我的選擇。 有什么建議么？

這是表單的原始 DOM：

 <div class="bet-widget-optional-params"> <div class="bet-params"> <div class="param-wrapper"><span class="param-label"><a class="link" href="https://help.smarkets.com/hc/en-gb/articles/115003946591" target="_blank">Time In Force</a></span> <div class="param-select"> <div class="css-0 Select custom-select-box Select menu-on-click"> <div class="css-0 Select__control"> <div class="css-0 Select__value-container Select__value-container--has-value"> <div class="css-0 Select__single-value">Default</div><input id="react-select-bet-param-selector-input" readonly="" tabindex="0" class="css-14uuagi" value=""></div> <div class="css-0 Select__indicators"><span class="css-0 Select__indicator-separator"></span><span aria-hidden="true" class="Select__arrow-zone"><span class="Select__arrow"></span></span> </div> </div> </div> </div> </div> </div> </div>

Answer 1

在 JavaScript 中，您可以設置selectedIndex屬性。

elem.selectedIndex = 2;

設置-1將刪除任何選擇，任何正數 integer 將 select 列表中的該項目（0索引）......所以如果你想要第三個項目，只需將其設置為2 。

HTMLSelectElement.selectedIndex 文檔

該屬性也可用作吸氣劑，因此如果您想知道選擇了哪個元素，可以像這樣請求它：

var currentSelectedIndex = elem.selectedIndex;

下面的完整交互示例：

 var selectElem = document.getElementById('select'); var pElem = document.getElementById('p'); var buttonElem = document.getElementById('button'); selectElem.addEventListener('change', function() { var index = selectElem.selectedIndex; pElem.innerHTML = 'selectedIndex: ' + index; }); buttonElem.addEventListener('click', function(){ selectElem.selectedIndex = 2; });

 <p id="p">selectedIndex: 0</p> <select id="select"> <option selected>Option A</option> <option>Option B</option> <option>Option C</option> <option>Option D</option> <option>Option E</option> </select> <input type="button" id="button" value="Set it to C (2)"/>