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

つまり、最初の選択ボックスで [オンライン] を選択すると、2 番目の選択ボックスで、テキストが [オンライン] である値が選択されます。

私を案内してください。前もって感謝します。

Answer 1

これにより、テキスト値 cat_valを持つオプションが選択されます

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

Answer 2

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

or 

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