在 jquery 的选择框中显示文本

Question

我有一个选择框，根据选定的值，我想在下一个选定的框中显示该值。我的代码是这样的：

$('#category').change(function(){
        var cat_val = $('#category option:selected').text();
        if(cat_val == 'Online'){
            $('#workshop-row').hide();
            $('#bu_id').val(22);
        }else{
            $('#workshop-row').show();
        }
    });

通过$('#bu_id').val(22); 我可以获得价值。但我需要设置文本而不是 val() 像

$('#bu_id option:selected').text("Online");

这意味着如果我从第一个选择框中选择在线，然后在第二个选择框中，将选择文本为在线的值。

请指导我。 提前致谢。

Answer 1

$('#bu_id').html(22);

or 

$('#bu_id').text(22);

Answer 2

Demo

$('#category').change(function(){
            var cat_val = $('#category option:selected').text();
            if(cat_val == 'Online'){
                $('#workshop-row').hide();
                $('#bu_id').val(cat_val);           
            }else{
                $('#workshop-row').show();
            }
        });

Answer 3

这将选择具有文本值的选项 cat_val

   $("#bu_id option:contains(" + cat_val + ")").attr('selected', 'selected');