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

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

---

jQuery를 사용하여 입력 값을 가져오고 렌더링하는 방법은 무엇입니까?

다음은 하나입니다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</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()은 이미 현재 사용 중입니다.

위의 경우 다음과 같이 .valueDOM 요소에서 직접 사용 하십시오 .

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

---

나는이 기능이 이전 답변에서 놓친 것 같습니다.

.val( function(index, 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);
});

---

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

this['inputname'].value

어디는 this입력이 들어있는 형태를 말합니다.

---

텍스트 상자 값을 얻으려면 jQuery val()함수를 사용할 수 있습니다 .

예를 들면

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

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

---

저와 같은 사람들은 JS의 초보자 undefined이며 텍스트 값 대신에 잘못된 문자가 포함되어 있지 않은지 확인하십시오id .

---

You can simply set the value in text box.

First, you get the value like

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

After getting a value set in input like

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

---

Try this. It will work for sure.

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

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