jquery - 在 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");

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

请指导我。提前致谢。

Answer 1

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

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

Answer 2

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

or 

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

Answer 3

演示

$('#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();
            }
        });