입력 텍스트 상자에서 값 얻기

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

simple을 사용하려면 다음을 .val()시도하십시오.

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

입력에서 값 가져 오기

// 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();

값을 입력으로 설정

// 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')