Question

我在打印div时遇到了一些麻烦。我正在使用下拉列表生成不同的表，这些表在同一<div>中生成，然后我用它来打印。

<select id='lists'>
<option value='1'>table 1</option>
<option value='2'>table 2</option>
<option value='3'>table 3</option>
</select>

当我选择选项1时，我希望打印表格size: portrait;，但当我选择2或3时，我希望它横向显示size: landscape;。

有没有办法用css做到这一点？

由于

Answer 1

为什么不使用javascript？

$(function() {
    $('select[id="lists"] option').onChange(function() {
        if ($(this).val() == 1){
          $('table').addClass('portrait');
                    .removeClass('landscape');
        } else {
          $('table').removeClass('portrait');
                    .addClass('landscape');
        }
    });
});

这只是一个例子。我不是javascript / JQuery专家所以你必须深入研究它。不要以为只使用CSS就可以解决它。

css选择选项页面

1 个答案: