JavaScript как заполнить поле

Как заполнить поле на jquery
Я делаю:

Code:

document.getElementsByClassName("form-input")[0].value="500";

Визуально форма заполняется, но при нажатии на кнопку пишет что вы не ввели код

 

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

Code:

document.getElementsByClassName("form-input")[0].dispatchEvent( new Event('change'/* еще возможно 'keydown' или 'keyup' */) );

 

Попробуй так:

Code:

<script>
var el = document.getElementsByClassName("form-input")[0];

el.click();
el.focus();
el.value = '500';
el.click();
</script> 

 

Всё таки по прежнему не хочет почему то (

 

Если это для вас не секретно, то можете скинуть ссылку. Я попробую напрямую там и сюда скину решение.
Так же скиньте часть скрипта, которые уже работает.

 

если подходит jquery то
http://api.jquery.com/val/
должно сработать как то так. помести это на странице. если не работает посмотри консоль нет ли фатальных ошибок которые ложат жсю
$(function(){
$(".form-input").eq(0).val(500);
});

 

Вообще ничего не проиходит в консоле undefined

 

undefined и все ? значит есть где то что то типа console.info или console.log с переменной которая не объявлена. это может быть причиной ошибки которая валит все последующие скрипты. или там не просто undefinded . ( не одно слово ).

 

Code:

(function($) {
    /**
     * button - кнопка на которую нажимаете
     * после нажатии в HTML элемент input с классам .form-input
     * будет вставлено значение 500
      */
    $('button').on('click', function(e) {
       e.preventDefault();

       var $field = $('.form-input');

       $field.val(500);

    });
}(jQuery));

ПС. как вы собираете данные с формы? Пробуйте так и проблем не должно быть:

Code:

(function($) {
    /**
     * button - кнопка на которую нажимаете
     * после нажати в HTML элемент input с классам .form-input
     * будет вставлено значение 500
      */
    $('button').on('click', function(e) {
       e.preventDefault();

       var $field = $('.form-input');

       $field.val(500);

    });


    $(document).on('submit', 'form button[type="submit"]', function(){

        var $data = $('form').serialize();

        console.log($data);  // input(name)=500

    });

}(jQuery));

Писал на коленке, но так уж точно должно работать и для динамических созданных элементов