将下拉值插入文本字段

Question

我想我需要使用Javascript来实现这一点。 Heres是我的下拉菜单

<select id="Codes" name="CODEOPTION">
    <option value="A">Option A</option>
    <option value="B">Option B</option>
    <option value="C">Option C</option>
    <option value="D">Option D</option>
</select>

因此，当用户选择下拉选项时，该值将输入此文本字段：

<input type="text" name="CODES" value="">

Answer 1

使用change活动

$("#Codes").change(function() {
    $("input[name=CODES]").val(this.value);
});

Answer 2

使用jQuery就是这样：

$('#Codes').change(function(){
    $('input[type=text]').val($(this).val());
});

Answer 3

$("#Codes").change(function(){               
    var temp=$(this).val();
    $("input[name='CODES']").val(temp);                
});

请查看此JS fiddle示例，以便更好地理解。