jquery - JQuery：選択ボックスの値を入力フィールドに割り当てる

Question

選択ボックスから入力フィールドに値を割り当てたい（読み取り専用）...

選択ボックスからアイテムが選択されたときに、この入力フィールドに自動入力するにはどうすればよいですか？

Answer 1

シンプル、「select」イベントを使用してテキストボックスに入力します

これを試してください、デモ-ここをクリックしてください

Answer 2

$('select[name=cars]').change(function()
{
   $('input[name=selected-cars]').val($(this).find('option:selected').html()) // text
   $('input[name=selected-cars]').val($(this).val()) // value
})

Answer 3

試す：

$("YourSelectBoxIDOrClass").live("change", function() {
var SelectedValue=$("YourSelectBoxIDOrClass option:selected").text();
 $('#YourTextBoxID').val(SelectedValue).attr('readOnly', 'true');

});

私はlivejQuery1.4を使用しているので、使用します。jQuery1.7以降、.live（）メソッドは非推奨になりました。したがって、必要に応じて.on（）を使用します。詳細：
http ：//api.jquery.com/live/

Answer 4

あなたはこれを試すことができます

$('#selectoption ').change(function(){
    $("input[type='text']").val($("#selectoption option:selected").val());
});

here（input [type ='text']）を特定の入力フィールドに置き換えることができます。