Як отримати значення текстового поля за допомогою jQuery?


486

Я можу отримати такий елемент, $("#txtEmail")але я не впевнений, як отримати фактичне значення.


22
ти спробував $ ("txtEmail"). val ()
Perpetualcoder

2
хе-хе ... проблема була в тому, що я забув посилатися на свою функцію в події натискання =)
Micah

Відповіді:


765

Є .val()метод:

Якщо у вас є вхід з ідентифікатором, txtEmailви можете використовувати наступний код для доступу до значення текстового поля:

$("#txtEmail").val()

Ви також можете використовувати val(string)метод, щоб встановити це значення:

$("#txtEmail").val("something")

2
Чому ".value ()" не працює в jQuery? Я б не шукав Google, якби це було, тому що це я намагався інтуїтивно. Навіщо вирішити скоротити його на два знаки ...
Майк де Клерк,

var user_email = $("#txtEmail").val()
Ніпек


23

Можливий дублікат:

Просто додаткова інформація, яка знадобила мені багато часу, щоб знайти. Що, якщо ви використовували ім'я поля, а не ідентифікатор для ідентифікації поля форми. Ви робите це так:

Для перемикача:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

Для текстового поля:

 var txt=$('input:text[name=DrugDurationLength]').val();

Будьте обережні, коли публікуєте копіювати та вставляти відповідні відповіді на довільну відповідь на багато питань, спільнота, як правило, позначається як "спам". Якщо ви робите це, то зазвичай це означає, що питання є дублікатами, тому замість цього позначте їх як stackoverflow.com/questions/1320088
Kev

1
@Kev: Я не знав про таке маркування. Однак я не впевнений, чи це взагалі був дублікат, коли я опублікував це рішення. Я не міг знайти його в так опублікованому. Але так, ідучи вперед, я матиму на увазі і дякую за те, що повідомили.
Йосаф Абдулла

1
"Введення: текст" допоміг, тому що у мене було два елементи з однаковою назвою. : <(Зверніть увагу на мій код, тільки що він успадкував його)
granadaCoder

11

Помітивши ваш коментар щодо використання його для перевірки електронної пошти та потребує плагіна, плагін для перевірки може допомогти вам, його розміщений за адресою http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , він постачається електронною поштою правило також.


6

Є .val();метод, який ви можете використовувати.

Тож у вашій ситуації ви б хотіли використати $("#txtEmail").val();. Також переконайтеся, що ви додали властивість id у свій html-код!


5

Використовуйте .val()метод, щоб отримати фактичне значення потрібного вам елемента.


4

Ви можете отримати значення керування Texbox або за його ідентифікатором, або за назвою класу.

Ось приклад коду:

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

Використання імені класу для отримання будь-якого значення керування текстовим полем може повернути інше або неправильне значення, оскільки те саме ім'я класу також можна визначити для будь-якого іншого елемента управління. Тож отримання значення певного текстового поля можна отримати за його ідентифікатором.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.