2016-09-29 4 views
0

(それが大文字になるように)私は、次のcodeにコンテンツ自体を変更することを含む、このフィールドの値には、いくつかの操作を実行するために、<input>フィールドにフォーカスを失う時に、.focusout()のフィールドを更新するには?

したい:

HTML

<input id="name" type="text"></input> 
<div id="upper"></div> 

のJavaScript + jQueryの

$("#name") 
    .focusout(function() { 
    // get the text from the form which lost focus 
    name = $("#name").val(); 
    // turn it into uppercase 
    name = name.toUpperCase(); 
    // update the form and another entry 
    $("#upper").text(name); 
    $("#name").text(name); 
    }) 

イベントは正しく捕捉され、<div>は小文字のテキストで更新されます。ただし、フィールドの内容は更新されません。

<input>フィールドの内容を更新することはできますか?

+1

変更[値]( ')(' .val)ではないテキスト? http://api.jquery.com/val/ – Pogrindis

+0

'val()'はフォーム要素を表し、 'text()'はその他すべてのものを表します。 –

+1

関連はありませんが、私は2つのことを言いたいと思います。まず、変数を定義する必要があります( 'name = ...'ではなく 'var name = ...'または 'let name = ...')。第2に、関数内で '$( '#name')' –

答えて

1

変更テキスト()のval()のフィールドの

$("#name").val(name); 
0

使用jQuery.val()ないjQuery.text()値を設定することもhandler-functionthiseventが故にthisを代わりに使用することができる呼び出されるElementを指します

specified-selector

のあなたは、この単純化されたコードを試みることができます

関連する問題