在jquery的选择框中显示文本

时间:2013-08-26 09:13:36

标签: jquery select text

我有一个选择框,根据所选的值,我想在下一个选中的框中显示该值。我的代码就像:

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

这意味着如果我从第一个选择框中选择在线,那么在第二个选择框中,将选择其文本为在线的值。

请指导我。 提前谢谢。

3 个答案:

答案 0 :(得分:1)

这将选择具有文本值 cat_val

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

答案 1 :(得分:0)

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

or 

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

答案 2 :(得分:0)

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