입력 텍스트 상자에서 값 얻기 있습니다 : $(document).ready(function() { $(“#txt_name”).keyup(function()

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