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);
次の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
重要なことが1つあります。
$("#txt_name").val();
たとえば、ページロード後にユーザーがそこに何かを入力した場合、テキストフィールドの現在の実際の値を返します。
しかし:
$("#txt_name").attr('value')
dOM/HTMLから値を返します。
この機能は前回の回答では見逃している
.val( function(index, value) )
あなたは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);
});
あなたはこのような値を得ることができます:
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
を取得している人のために あなたのid
に無効な文字が含まれていないことを確認してください 。
これを試して。それは確かにうまくいくでしょう。
var userInput = $('#txt_name').attr('value')