html - 入力テキストボックスの値を取得する

Question

jQueryを使用して入力値を取得およびレンダリングする方法は何ですか?

これが1つです：

$(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" />

score 1776 · Accepted Answer

1776

//Get
var bla = $('#txt_name').val();

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

于 2013-04-09T13:28:33.667 に答える

score 610 · Accepted Answer

次の 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

score 89 · Accepted Answer

言及すべき重要な点が 1 つあります。

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

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

しかし：

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

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

score 44 · Accepted Answer

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

上記の場合、次のように DOM 要素で直接使用するだけ.valueです。

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

score 16 · Accepted Answer

この機能は、以前の回答ではここで欠落していると思います:

.val( function(index, value) )

score 15 · Accepted Answer

次のように値を取得できます。

this['inputname'].value

this入力を含むフォームを参照します。

score 10 · Accepted Answer

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

例えば、

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

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

score 5 · Accepted Answer

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

まず、次のような値を取得します

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

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

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

html - 入力テキスト ボックスの値を取得する