javascript中的问题

我有2个下拉列表框，我要实现当第一个下拉列表的被选择项改变后，第2个下拉列表里的内容也跟着改变。 

我的javascript代码是这样的：

<script type="text/javascript">

 function changeSort(){
  var msg = "<option value='hardware'>硬件产品</option><option value='soft'>硬件产品</option>";
  var selected = document.getElementById("sort").selectedIndex;
  var sort = document.getElementById("jtsort");
  
  if(selected==1){     //当选择的是软件产品
    msg = "<option value='hardware'>软件产品</option><option value='soft'>软件产品</option>";
  }
  sort.innerHTML = msg;
 }

</script>

下面是2个下拉列表：

<select name="productsort" id="sort" οnchange="changeSort()">
            <option value="hardware">硬件产品</option>
            <option value="soft">软件产品</option>
           </select>
           &nbsp;&nbsp;&nbsp;
         <select name="jtsort" id="jtsort">
            <option value="hardware">硬件产品</option>
            <option value="soft">软件产品</option>
           </select>