Отримайте значення у текстовому полі введення

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

Ось один:

$(document).ready(function() {
  $("#txt_name").keyup(function() {
    alert($(this).val());
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

Вибрати значення можна лише двома наступними способами:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Якщо ви хочете використовувати прямий JavaScript, щоб отримати значення, ось як:

document.getElementById('txt_name').value 

Варто зазначити одну важливу річ:

$("#txt_name").val();

поверне поточне реальне значення текстового поля, наприклад, якщо користувач щось набрав там після завантаження сторінки.

Але:

$("#txt_name").attr('value')

поверне значення з DOM / HTML.

Ви можете отримати valueатрибут безпосередньо, оскільки ви знаєте, що це <input>елемент, але ваше поточне використання .val()вже є поточним.

Для вищезазначеного просто використовуйте .valueелемент DOM безпосередньо, як це :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

Вам доведеться використовувати різні способи отримання поточного значення вхідного елемента.

МЕТОД - 1

Якщо ви хочете скористатися простим .val(), спробуйте це:

<input type="text" id="txt_name" />

Отримати значення з Input

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

Встановіть значення Input

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

МЕТОД - 2

Використовуйте .attr()для отримання вмісту.

<input type="text" id="txt_name" value="" />

Я просто додаю один атрибут у поле введення. value=""атрибут - це той, хто несе текстовий вміст, який ми ввели у поле введення.

$("input").attr("value");

МЕТОД - 3

ви можете використовувати цей безпосередньо на своєму inputелементі.

$("input").keyup(function(){
    alert(this.value);
});

Ви можете отримати таке значення:

this['inputname'].value

Де thisпосилається на форму, яка містить вхідні дані.

Я думаю, що ця функція пропущена тут у попередніх відповідях:

.val( function(index, value) ) 

Щоб отримати значення текстового поля, ви можете використовувати jQuery val() функцією .

Наприклад,

$('input:textbox').val() - Отримайте значення текстового поля.

$('input:textbox').val("new text message") - Встановити значення текстового поля.

Для тих, хто так само, як я, є новачками в JS і отримуючи undefinedзамість текстового значення, переконайтесь, що ваш текст idне містить недійсних символів .

Ви можете просто встановити значення в текстовому полі.

По-перше, ви отримуєте таке значення, як

var getValue = $('#txt_name').val();

Після отримання значення, встановленого як вхід, як

$('#txt_name').val(getValue);

Спробуйте це. Це буде працювати точно.

var userInput = $('#txt_name').attr('value')