web-dev-qa-db-ja.com

入力テキストボックスに値を取得します

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"  />
jqueryhtmljquery-selectorstextinput
900
Bharanikumar
//Get
var bla = $('#txt_name').val();

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

次の2つの方法でのみ値を選択できます。

// 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
577
RJD22

重要なことが1つあります。

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

たとえば、ページロード後にユーザーがそこに何かを入力した場合、テキストフィールドの現在の実際の値を返します。

しかし：

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

dOM/HTMLから値を返します。

78
Artur79

value属性は<input>要素であることがわかっているので直接取得できますが、現在の .val() の使用法はすでに現在の使用法です。

上記の場合、DOM要素に直接.valueを使用してください。 このように ：

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

この機能は前回の回答では見逃している

.val( function(index, value) )
14
dilip kumbham

あなたはinput要素の現在の値を得るために様々な方法を使わなければなりません。 

方法 - 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="" />

入力フィールドに属性を1つ追加するだけです。 value=""属性は、入力フィールドに入力したテキストコンテンツを運ぶものです。

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

方法 - 3

あなたはこれをあなたのinput要素に直接使うことができます。

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

あなたはこのような値を得ることができます：

this['inputname'].value

thisは入力を含むフォームを表します。

13
SO is full of Monkeys

テキストボックスの値を取得するには、jQueryのval()関数を使います。

例えば、

$('input:textbox').val() - テキストボックスの値を取得します。

$('input:textbox').val("new text message") - テキストボックスの値を設定します。

5
Leon

テキストボックスに値を設定するだけです。

最初に、あなたはのような値を得ます

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

のように入力に設定された値を取得した後

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

私のようにJSの初心者でテキスト値の代わりにundefinedを取得している人のために あなたのidに無効な文字が含まれていないことを確認してください 。

1
Mikhail Sirotenko

これを試して。それは確かにうまくいくでしょう。

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