如何在輸入文本字段中獲取選擇框選項值

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)
});

在這里演示