Значение JavaScript в поле ввода

Question

У меня есть плагин, который я пытаюсь получить номер текущего слайда, который будет записан в поле ввода с идентификатором «input1» каждый раз, когда слайд изменяется.Имеет ли смысл мой синтаксис?

function currentSlide(){
    var current = $('#slider').data('AnythingSlider').currentPage; 
    document.getElementById("input1").innerHTML=current;
};

Answer 1

Если input1 является вводом (как следует из названия), используйте:

document.getElementById("input1").value = current;

Или использовать только jQuery:

function currentSlide(){
    var current = $('#slider').data('AnythingSlider').currentPage; 
    $("#input1").val(current);
};

Answer 2

Если вы пытаетесь изменить то, что показано в элементе <input>, установите .value, а НЕ .innerHTML.

Подумайте об этом.Вы пишете <input>Blah blah blah</input> или <input value="Blah blah blah" />?JavaScript обрабатывает элементы так же, как HTML.

Answer 3

function currentSlide(){
  var current = $('#slider').data('AnythingSlider').currentPage; 
  $('input1').val(current);
};

Если вы используете jQuery, я рекомендую использовать селекторы jQuery во всем коде.Я обновил строку 3, чтобы использовать jQuery для выбора input1.Вместо использования innerHTML, используйте функцию jQuery val, которая установит значение input1 в строку current.