javascript - 将值/文本设置为下拉列表

Question

我正在使用以下jquery postcode lookup我正在尝试在 JavaScript 中推送值并硬编码该过程。

我使用以下命令为邮政编码文本框提供有效的邮政编码，然后强制单击按钮以查找地址。

document.getElementById("idpc_input").value = "LL17 0PN";
document.getElementById('idpc_button').click();

到目前为止，这是有效的，在此之后会出现一个 ID 为“idpc_dropdown”的下拉列表，我正在尝试(在 javascript 或 jquery 中)选择一个选项

这是我所做的，但它不起作用

 var select = document.getElementById("idpc_dropdown");
 document.getElementById("idpc_dropdown").text = '2 Elwy Cottages Heol Esgob';

还有:

var desiredValue = "2 Elwy Cottages Heol Esgob"
var el = document.getElementById("idpc_dropdown");
for(var i=0; i<el.options.length; i++) {
  if ( el.options[i].text == desiredValue ) {
    el.selectedIndex = i;
    break;
  }
}

更新: 让我解释一下过程和顺序，1- 输入邮政编码并按按钮查找我的地址 2- 然后呈现并出现一个下拉列表。我认为这就是为什么它不适用于我想要的下拉列表，因为当页面已加载，按下按钮时

Answer 1

假设 i 与您要选择的项目的索引相同，我会将下拉列表的 value 属性设置为该索引:

let el = document.getElementById("idpc_dropdown");
for(let i = 1; i <= el.options.length; i++) {
  if ( el.options[i].text == desiredValue ) {
    el.value = i; // here
    break;
  }
}