JS控制option的隐藏

display=none和"visibility: hidden都无法隐藏掉选项，jquery的hide()方法也不行。
但是可以尝试删掉元素再添加
操作类型：

<select name="option_type" data-rules="{required : true}">
                        <option value=""></option>
                        <option value="1">订单信息</option>
                          <option value="2">业务/终端类型</option>
                    </select>

操作结果标识：

<select name="trade_status" data-rules="{required : true}">
                         <option value=""></option>
                          <option id="trade_status_success" value="00">成功</option>
                          <option id="trade_status_partial" value="11">部分成功</option>
                          <option id="trade_status_error" value="01">失败</option>
                    </select>

当操作类型为“订单信息”时，操作结果标识则为【成功、部分成功、失败】；否则则为【成功、失败】。

$('select[name="option_type"]').change(function(){
      //当操作类型为“订单信息”
      if('1' == $('select[name="option_type"]').val()){
      //当操作类型为“订单信息”时，操作结果标识则为【成功、部分成功、失败】；否则则为【成功、失败】。
          $('#trade_status_partial').remove();
          $("#trade_status_error").before("<option id='trade_status_partial' value='11'>部分成功</option>");
}else{
$('#trade_status_partial').remove();//当操作类型为“订单信息”时，操作结果标识则为【成功、部分成功、失败】；否则则为【成功、失败】。
      }