Автозаполнение имени пользователя и пароля с помощью queryselector по id - PullRequest
Новая
       15

Автозаполнение имени пользователя и пароля с помощью queryselector по id

0 голосов
/ 10 октября 2018

Я пытаюсь создать простой javascript для автозаполнения веб-страницы.

Я бы хотел изменить следующее для использования с определенным элементом для имени пользователя 'password_username' и пароля 'password_password' 

var result = [];

// Get all links from the page need to change to specific for username

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "username";
}

// Get all links from the page need to change to specific for password

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "password";
}

// Call completion to finish
completion(result) `

Я только начал изучать код и имею базовые знания JavaScript, любая помощь приветствуется!

Приветствия,

Мат

Ответы [ 2 ]

0 голосов
/ 10 октября 2018

Не совсем уверен, будет ли это работать так, как я себе представляю, поскольку я не могу проверить это прямо сейчас, но сделайте это: 

const usernameElements = document.querySelectorAll(`input[type="text"]`);
const passwordElements = document.querySelectorAll(`input[type="password"]`);

usernameElements.forEach(username => username.value = "the user name");
passwordElements.forEach(password => password.value = "the password");

Он выбирает поля ввода в соответствии с типом (text /пароль) и добавляет к ним значение.Теперь я не совсем уверен, является ли то, что вы опубликовали, частью более крупного сценария, но это может помочь вам.Вам нужно было бы сделать переменные username и password для динамической загрузки, если вам нужны разные имена пользователей и пароли, в противном случае это добавляет значения, которые вы ему даете, например, username.value = "testing username" и password.value = "testing password".Приветствия.

0 голосов
/ 10 октября 2018

Надеюсь, я правильно понял ваш вопрос.

Чтобы выбрать конкретное поле по идентификатору и установить для него значение, вы можете использовать document.querySelector("#the_id").value = "the_value";

Если у вас есть объект с {id: value} структура, вы можете обработать ее в цикле: 

const creds = {
  id1: 'val1',
  id2: 'val2' // ...
};

for (const [id, val] of Object.entries(creds)) {
  document.querySelector(`#${id}`).value = val;
}

Пожалуйста, уточните, если я не понял, что вам нужно, я буду рад помочь.

...