2015-03-30 2 views
-1

Я получаю undefined при использовании $ (. ClassName) .val(), но $ (. ClassName) возвращает Object.Please предлагают, как я могу получить значение текста поле в jquery.

Follwing - это фрагмент кода.

$(document).ready(function() { 
    alert($(".className").val()); 
}); 

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/> 
+0

Вы уверены, что текстовое поле оказывает присвоенное значение и класс, определенный как «className»? –

+0

вы можете предупредить 'alert ($ (". ClassName "). Length);' - выглядит, когда скрипт выполняется, текстовое поле еще не добавлено в dom - может быть динамически создано –

+0

Я думаю, у вас есть еще один элемент с то же имя класса 'className'. Держите его уникальным или используйте селектор идентификаторов. –

ответ

0

Заменить класс атрибут с styleClass в вашей JSF определен атрибут тега.

<h:textField value="#{bean.firstName}" id="fiestName" styleClass="className"/> 
+0

Я использую styleClass = "className" только, все тот же результат. –

+0

, похоже, вызывает беспокойство. Селектор классов в основном возвращает коллекцию, которую нужно повторить с помощью $ (". ClassName"). Each (function (key, value) {}); Использование переменной счетчика доступа к первому элементу (очевидно, будет первым, если на вашей странице будет только один такой элемент DOM. –

+0

Спасибо Devanshu Kashyap, Не могли бы вы объяснить, как выбрать его первый элемент? –

-1

Я думаю, что лучше использовать id в качестве триггера, чтобы получить значение текстового поля, потому что id уникален, а класс - нет.

ниже моего внушения кода (селектор изменения в боевой готовности):

$(document).ready(function() { 
    alert($("#fiestName").val()); 
}); 

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/> 
+0

Я используя уникальное имя класса. Я не могу использовать ID, поскольку его значение изменено в html (элемент родителя добавлен с :) –

-1

сделать это с помощью функции или написать JQuery вниз HTML код

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/> 
$(document).ready(function() { 
alert($(".className").val()); 
    }); 
+0

все тот же результат. –

Смежные вопросы