Как менять значение value при вводе текста в input?

Question

[Alex Goncharov]

Здесь есть поле ввода, которое должно получать value из того, что в него введено. Сейчас по умолчанию там одно значение, при изменении текста инпута - как менять автоматически value?

Comments

[DanKud]

Чтобы новый value элемента отображался в DOM или что? Если так, то зачем это надо? То, что будет вводится в этот input это и будет его value. Вопрос вообще непонятен если честно :)

[DanKud]

Но если вам надо именно в DOM отображать новый value, то так:

let input = document.getElementById('gamertag');

input.addEventListener('input', function() {
    this.setAttribute('value', this.value);
});

[Andrew]

DanKud, эмм
получится
this.value = this.value;
зачем?)

[Alex Goncharov]

DanKud, при отправке формы у меня почему то value берется тот, который был указан в html, всегда, даже когда ввожу новое значение в input.

[Alex Goncharov]

DanKud, при отправке формы у меня почему то value берется тот, который был указан в html, всегда, даже когда ввожу новое значение в input.

[Alex Goncharov]

DanKud, https://cod.webhyper.ru/stat/ - вот попробуйте значение в поле сменить и запросить стату - в консоли отображается старый value

[DanKud]

Andrew, не получится. this.value = this.value; не поменяет атрибут value в DOM. Но опять же какой смысл менять value в DOM не совсем понятно.

[Alex Goncharov]

Мне нужно, чтобы по кнопку Получить стату - у меня бралось значение этого инпута gamertag и добавлялось к параметру запроса массива settings - и далее по сформированному URL подргружалась инфа. Сейчас подгружается одно значение value вне зависимости от того, ввожу я новое или нет

[DanKud]

Alex Goncharov, потому что вы получаете value только при загрузке страницы один раз. И каждый запрос значение переменной остается неизменным. Вам нужно получать value внутри AJAX-запроса или внутри функции getStats():

//Запрашиваем статистику
function getStats(){
$.ajax(settings).done(function (response) {

//Переменные для запроса

let apiUrl = $("#apiUrl").val();
let gamertag = escape($("#gamertag").val());
let platform = $("input[name='platform']:checked").val();
console.log(gamertag);


//Параметры запроса

let settings = {
  "async": true,
  "crossDomain": true,
  "url": apiUrl + gamertag + '/' + platform,
  "method": "GET",
  "headers": {
    "x-rapidapi-host": "call-of-duty-modern-warfare.p.rapidapi.com",
    "x-rapidapi-key": "49612a1b8bmsh9cd817dc9f00608p1bce8cjsn1635a0626299"
  }
}

//Отображаем по какому URL получаем данные
let settingsURL = settings['url'];
console.log('URL запроса:' + settingsURL); 

//Объект в переменную 
let json = response;
.....

Answer 1

[TRNER]

Вы берете значение инпута только при первой загрузке страницы, сохраняете его в переменную и на каждый клик кнопки отправляете старые данные. Вам нужно заново получать новое значение перед каждой отправкой запроса.

Comments

[Alex Goncharov]

Спасибо! Вы мне помогли!

[TRNER]

Alex Goncharov, Рад был помочь c: