Как я могу установить значение текстового поля, используя имя класса CSS при загрузке документа

Question

Я хочу встроить карту arcgis здесь в качестве примера на мою страницу asp для поиска в ячейке поиска сотрудников, на карте есть текстовое поле для поиска. Я хочу, чтобы поиск был автоматическим на основе номера emplyee или номера ячейки. Я хотел бы отобразить карту на странице подробной информации о сотруднике /Details/Index/7. Можно ли автоматически загрузить значение текстового поля при загрузке страницы?

вот текстовое поле поиска

<form class="esri-search__form" role="search">
<input type="text" placeholder="District or Senator" aria-label="Search" autocomplete="off" tabindex="0" class="esri-input esri-search__input" aria-autocomplete="list" aria-haspopup="true" aria-owns="16e0a09202a-widget-1-suggest-menu" role="textbox" data-node-ref="_inputNode" title="District or Senator">
</form>

Answer 1

view.ui.add(searchWidget, {
position: "top-right"
});

Вам нужно дождаться завершения этой функции, один из способов: setTimeout (() => document.getElementsByClassName ("esri-input esri-search__input") [0] .value = "Некоторое значение здесь", 10000);

Answer 2

Ну, имея текстовое поле с определенным именем класса (хотя я бы предложил идентификатор), вы можете установить его начальное значение на то, что вы хотите использовать:

var elem = document.querySelector(".esri-search__input");
elem.value = "Some value here";

<input type="text" class="esri-search__input"/>