Я только начал изучать HTML. Выполнение alert()
по одной из моих переменных дает мне этот результат [object HTMLInputElement]
.
Как получить данные, которые были добавлены в текстовое поле, где мой тип ввода - текст?
Я только начал изучать HTML. Выполнение alert()
по одной из моих переменных дает мне этот результат [object HTMLInputElement]
.
Как получить данные, которые были добавлены в текстовое поле, где мой тип ввода - текст?
Скажите, что ваша переменная myNode
, вы можете сделать myNode.value
для получения значения входных элементов.
Firebug имеет вкладку "DOM", которая показывает полезные атрибуты DOM.
Также см. страницу mozilla для ссылки: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement
Если элемент <input type="text">
, вы должны запросить атрибут value
:
alert(element.value);
См. пример в jsFiddle.
Кроме того, и, увидев, что вы начинаете изучать HTML, вы можете использовать console.log()
вместо alert()
для целей отладки. Он не прерывает поток выполнения script, и вы можете иметь общий вид всех журналов почти в каждом браузере с инструментами разработчика (кроме этого, очевидно).
И, конечно же, вы можете использовать, например, инструмент для веб-разработки, например Firebug, который является мощным аддоном для Firefox, который обеспечивает множество функций (отладка javascript-кода, DOM-инспектор, изменения DOM/CSS в реальном времени, мониторинг запросов...)
<input type="text" />
<script>
$("input:text").change(function() {
var value=$("input:text").val();
alert(value);
});
</script>
используйте .val(), чтобы получить значение элемента (метод jquery), $( "input: text" ) этого селектора, чтобы выбрать ваш вход,.change(), чтобы привязать обработчик события к событию JavaScript "change".
изменения:
$("input:text").change(function() {
var value=$("input:text").val();
alert(value);
});
к
$("input:text").change(function() {
var value=$("input[type=text].selector").val();
alert(value);
});
примечание: селектор: id, класс..
Когда вы получаете значение от клиента make и это значение, например.
var current_text = document.getElementById('user_text').value;
var http = new XMLHttpRequest();
http.onreadystatechange = function () {
if (http.readyState == 4 && http.status == 200 ){
var response = http.responseText;
document.getElementById('server_response').value = response;
console.log(response.value);
}