javascript - 如何在输入文本字段中获取选择框选项值

Question

这是我的代码：

<select name="art_type">
    <option value="ra">Research Article</option>
    <option value="rea">Review Article</option>
    <option value="re">Reviews</option>
    <option value="op">Opinions</option>
    <option value="le">Letters to the Editor</option>
</select>

<input style="border: none;" type="text" id="get_id_val" value="">

因此，无论用户从选择框中选择什么值，都应该在文本框中输入该值。怎么做？

Answer 1

尝试

jQuery(function($){
    var $idval = $('#get_id_val');
    $('select[name="art_type"]').change(function(){
        $idval.val($(this).val())
    }).triggerHandler('change')
})

演示：小提琴

Answer 2

$("select").on("change", function(){
   $("#get_id_val").val( this.options[this.selectedIndex].value );
});

Answer 3

试试这个：

$('select[name=art_type]').on('change', function () {
    var select = $(this).find('option:selected').val()
    $('#get_id_val').val(select)
});

演示在这里