Подтвердить что ты не робот

Javascript, просмотр [object HTMLInputElement]

Я только начал изучать HTML. Выполнение alert() по одной из моих переменных дает мне этот результат [object HTMLInputElement].

Как получить данные, которые были добавлены в текстовое поле, где мой тип ввода - текст?

4b9b3361

Ответ 1

Скажите, что ваша переменная myNode, вы можете сделать myNode.value для получения значения входных элементов.

Firebug имеет вкладку "DOM", которая показывает полезные атрибуты DOM.

Также см. страницу mozilla для ссылки: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Ответ 2

Если элемент <input type="text">, вы должны запросить атрибут value:

alert(element.value);

См. пример в jsFiddle.

Кроме того, и, увидев, что вы начинаете изучать HTML, вы можете использовать console.log() вместо alert() для целей отладки. Он не прерывает поток выполнения script, и вы можете иметь общий вид всех журналов почти в каждом браузере с инструментами разработчика (кроме этого, очевидно).

И, конечно же, вы можете использовать, например, инструмент для веб-разработки, например Firebug, который является мощным аддоном для Firefox, который обеспечивает множество функций (отладка javascript-кода, DOM-инспектор, изменения DOM/CSS в реальном времени, мониторинг запросов...)

Ответ 3

<input type="text" />
<script>
$("input:text").change(function() {
    var value=$("input:text").val();
    alert(value);
});
</script>

используйте .val(), чтобы получить значение элемента (метод jquery), $( "input: text" ) этого селектора, чтобы выбрать ваш вход,.change(), чтобы привязать обработчик события к событию JavaScript "change".

Ответ 4

изменения:

$("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, класс..

Ответ 5

Когда вы получаете значение от клиента 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);


            }