Кнопки не отображаются правильно, если я ввожу число в текстовом поле

Question

У меня небольшая ситуация здесь.Происходит следующее: пользователь открывает сетку кнопок, щелкая (ссылка на открытую сетку), и в зависимости от выбранной кнопки он отображает кнопки ниже, а затем текстовое поле «Количество ответов».Например, если пользователь нажимает кнопку «1», отображается кнопка «A», если выбрана кнопка «2», затем отображаются кнопки «A», «B» и т. Д.

Теперь это работает, пока я не наберучисло в текстовом поле «Количество ответов», затем, если я выберу кнопку в меню открытой сетки, то это не изменит отображение кнопок под текстовым полем.

Итак, допустим, например, что в текстовом поле «Количество ответов» есть число, и я меняю кнопку с кнопки «1» на кнопку «3» из открытого меню сетки, тогда она должна отображать кнопки «А», «B» и «C», но поскольку в текстовом поле «Количество ответов» есть число, оно не изменит кнопки под текстовым полем и будет по-прежнему отображать только кнопку «A».

Почему это происходит?это?

Код в jsfiddle, нажмите здесь

Answer 1

Попробуйте это

Ваша проблема var letter = String.fromCharCode(i);

Вы не можете зафиксировать значение ввода таким образом.Вы должны использовать JQuery, как это

    var letter = $('#numberAnswerTxt').val();
    letter = letter.String.fromCharCode(i);