입력 텍스트 상자에서 값 가져오기

입력 텍스트 상자에서 값 가져오기

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

straight JavaScript를 사용하여 값을 가져오려면 다음과 같이 하십시오.

document.getElementById('txt_name').value 

한 가지 중요한 언급이 있습니다.

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

예를 들어 사용자가 페이지 로드 후 텍스트 필드에 입력한 경우 텍스트 필드의 현재 실제 값을 반환합니다.

그러나:

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

DOM/HTML에서 값을 반환합니다.

다음 정보를 얻을 수 있습니다.value당신이 그것이 a라는 것을 알기 때문에 직접적으로 속성.<input>요소입니다. 하지만 현재 사용 중인 것이 이미 현재 사용 중입니다.

위와 같은 경우에는 다음과 같이 사용합니다..value다음과 같이 DOM 요소에 직접 표시됩니다.

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

입력 요소의 현재 값을 얻으려면 다양한 방법을 사용해야 합니다.

방법 - 1

단순을 사용하려면.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);
});

이전 답변에서 이 기능이 누락되었다고 생각합니다.

.val( function(index, value) ) 

다음과 같은 값을 얻을 수 있습니다.

this['inputname'].value

어디에this입력이 들어 있는 양식을 나타냅니다.

텍스트 상자 값을 가져오려면 jQuery를 사용합니다.val()기능.

예를들면,

$('input:textbox').val()텍스트 상자 값을 가져옵니다.

$('input:textbox').val("new text message")텍스트 상자 값을 설정합니다.

텍스트 상자에 값을 설정하기만 하면 됩니다.

먼저, 다음과 같은 가치를 얻게 됩니다.

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

다음과 같이 입력에 설정된 값을 얻은 후

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

나를 좋아하는 사람들은 JS의 신입생이고 받는 것.undefined텍스트 값 대신 잘못된 문자가 포함되어 있지 않은지 확인합니다.

이거 먹어봐요.그것은 확실히 효과가 있을 것입니다.

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

시도해 보세요

let quantity = $('input[name = quantity]').val()

여기서 입력 필드의 이름은 수량입니다.

최단 거리

txt_name.value

txt_name.onkeyup = e=> alert(txt_name.value);

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

언급URL : https://stackoverflow.com/questions/4088467/get-the-value-in-an-input-text-box