jQuery text () возвращает ноль в Google Chrome

Question

Я изучаю странное поведение в Google Chrome при использовании текстовой функции jQuery:

$(document).ready(function () {
   $("#btnSubmit").click(function () {
       var t = $('#txtMessage').text();
       alert(t); //this shows nothing in Google Chrome, but works in IE9
   });
});

когда я меняю var t = $('#txtMessage').text(); на var t = $('#txtMessage').val();, он работает в Chrome.

Итак, что не так с функцией text ()?

PS: txtMessage - это текстовое поле

Answer 1

• .text() получает внутренний текст элемента, поэтому при получении значения он просто не подходит.
• .val() получает свойство value элемента типа ввода и должно быть тем, что вы используете для извлечения / установки значения (этот включает <textarea> элементыдаже если значение находится между тегами).

Вопрос не в том, «почему не .text() работает в Chrome?», а в «почему делает .text() в IE? "Палка с .val() для входов.

Answer 2

Функция .val() должна использоваться для получения значений элементов формы, таких как input, select, textarea, ...