如何填寫具有相同類但輸入名稱不同的表單

Question

你好 所以我想填寫表格 這是網站的 html

<div class="vx_form-control" data-label-content="Address line 1">
  <div class="vx_form-control">
    <input type="text" aria-describedby="country_code_prefix AccountData_addressSuggest_helptext" aria-invalid="true" aria-autocomplete="none" aria-controls="suggestions" aria-activedescendant="0_suggestion" value="" autocomplete="off" name="/AccountData/address/address1" id="AccountData_addressSuggest" style="padding-left: 15px;">
  </div>
</div>

我試過用這個在控制台 Chrome 上運行

var xxx = document.querySelectorAll('.vx_form-control input[name="/AccountData/address/address1"]')
document.execCommand('insertText', false, 'My address');

但它不起作用。 我選擇特定名稱有錯嗎？

Answer 1

下面的代碼片段顯示了選擇器的工作。

是否有理由需要使用 execCommand？ 這些天它被認為是貶低的，而且有點復雜。

 let cool_input = document.querySelector('.vx_form-control > [name="/AccountData/address/address1"]'); cool_input.value = "some address";

 <div class="vx_form-control" data-label-content="Address line 1"> <div class="vx_form-control"> <input type="text" aria-describedby="country_code_prefix AccountData_addressSuggest_helptext" aria-invalid="true" aria-autocomplete="none" aria-controls="suggestions" aria-activedescendant="0_suggestion" value="" autocomplete="off" name="/AccountData/address/address1" id="AccountData_addressSuggest" style="padding-left: 15px;"> </div> </div>