У меня возникла проблема с созданием инструмента для моего приложения, так как у меня около 50 полей ввода. Я создал один файл html5 в Dreamweaver с файлом сборки phonegap - рендеринг на реальном устройстве и эмуляторе должным образом. Мне нужно сделать расчет из пользовательского ввода и отображения на странице результатов, которая находится в одном файле html5. Проблема в том, как я это делаю, я создал Java-код для того же, но код JAVASCRIPT для меня новый, может кто-нибудь сказать мне, как я могу получить данные из поля ввода и поместить данные в соответствующий div?
любой учебник будет действительно полезен.
В JAVASCRIPT вы можете получить input id or name
. лучшим выбором является Id
.
Получить значение из input document.getElementById('IdValue').value;
Назначить значение HTML Element document.getElementById('IdValue').value = "new value"
Использование имени ввода
Получить значение из входного document.getElementsByName('inputName').value
Назначить значение HTML Element document.getElementsByName('inputName').value = "new value"
Или
Вы можете использовать JQuery. В селекторе JQuery используется для получения и установки значения
Для получения значения - $('selector').val()
Для установки значения - $('selector').val('new value')
Подробнее о селекторе
вы можете пропустить все поля ввода с помощью jquery и добавить его в div
var test="";
$('input[type=text], textarea').each(function() {
alert($(this).val())
test+=$(this).val();
});
// your div
$('#divid').append(test);