Javascript 在选择或单击时动态更改CSS中的div或样式

我有以下问题：我有一个外部div和内部div，我需要更改它们以动态匹配设备属性的大小。正如您所看到的，我有一个单击功能，可以拖动标题中的宽度和高度，但需要同时将大小应用于内部div、外部div和iframe，并更新背景图像以匹配。我尝试了一些用于div的onclick函数，但没有成功。。。Fiddle拥有基本默认视图的CSS，只需了解如何在选择或单击我的选择时应用。

`

使用CSS中的隐藏类，我可以做我需要的事情

$('select').on('change', function(){
var val = $(this).val();
$('div').hide();
$('.' + val).css('display','block'); }).change();

---

任何人哪怕只是一个关于更换一个部门的想法？我回答了我自己的问题。。。

$('select').on('change', function(){
var val = $(this).val();
$('div').hide();
$('.' + val).css('display','block'); }).change();