javascript - 入力から値をコピーし、div に選択します

Question

input[text]、select、textarea、input(type=text) のデータ/値を複製またはコピーする方法、select、 divまたはspan の textarea、つまり HTMLを含むフォームがあります。

また、ページを更新またはリロードせずに発生する必要があります。つまり、何かを入力すると： <input type="text" name="f_name" value="Small john" />

"Small john" というテキストを

<span id="first_name">{here is the value of the field name}</span>

または、選択リストからオプションを選択し、このオプションの値が id "499" で、その内容が "USA" の場合、ID="Country_name" などのスパンで USA を表示したいと考えています。

jquery/JSですべて完了したと思います。それで、試してみたい人のために、このFIDDLEを作りました！

score 3 · Accepted Answer

これを試して

$("input[name=f_name]").on('keyup', function () {
    $('#first_name').html($(this).val());
});
$("select[name=country]").on('change', function () {
    $('#Country_name').html($(this).find('option:selected').text());
});

使用する

$(this).find('option:selected').text()テキストを選択したい場合
$(this).find('option:selected').val()値を選択したい場合

更新されたデモ

score 0 · Accepted Answer

セルジオは正しい軌道に乗っていた。残念ながら、彼は自分のソリューションを十分にテストしていませんでした。これは動作します...

http://jsfiddle.net/WLZyn/2

$('button').click(function(){
    $('#first_name').html($('input[name=f_name]').val());
    $('#Country_name').html($('select[name=country] option:selected').text());
});

それで、実際には（いくつかの本当に奇妙な理由で）、これは...

$('select[name=country] option:selected').text()
選択されたオプションのテキストを取得します

$('select[name=country]').val()
選択されたオプションの値を取得します

score 0 · Accepted Answer

これを試して：

$('button').click(function(){
    $('#first_name').html($('input[name=f_name]').val());
    $('#Country_name').html($('select[name=country] option:selected').text());
});

デモはこちら

これ$('input[name=f_name]').val()は、入力の値を取得します。
これ.text()は、選択されたオプションのテキストを取得します。
これ.val()は、選択されたオプションの値を取得します。

javascript - 入力から値をコピーし、div に選択します

3 に答える 3

Related

Reference