Javascript 使用jquery的变量下拉列表

我有两个下拉列表。 在我最初的加载过程中，一切都很好。基于第一个dropdownlist，第二个dropdownlist有效。。 我的情况是

if(batchType==1||batchType==3){

//here i need to regain values after getting nulled by the else part

}else{

$("#dept").html("");//makes the second dropdownlist null

}

当else部分执行时，第二个dropdownlist变为null。但是在执行else部分后，如果条件再次像“if”部分，它将再次显示null。为此，我将值存储在变量部门中。但是如何从“if”部分重新填充它

var department=$（'#dept'）.html（）

在我的警觉中，我感觉

<option value="1">CS</option>
<option value="2">Mechanical</option>
<option value="3">Civil</option>

CS
机械的
公民的

任何帮助都是非常可观的
为什么不隐藏选项而不是清除它们呢

请在线共享代码如果我理解正确，您可以禁用第二个下拉列表或动态创建下拉列表，而不是将HTML设置为empty@rupesh_padhye由于屏幕的外观，我无法隐藏它。请共享
if
部分的代码。你是如何重新获得
html
值的？@JohnR实际上这是我的问题。我需要在“如果”隐藏时重新获得无效代码。由于外观原因，我无法更改它，它将隐藏整个代码div@Miller选择框中是否有div？对不起，我不明白你说的是哪个部门。你只需要隐藏选项，而不是div。
$( "#dept option" ).val("");
$( "#dept option" ).hide();

<select id="dept">
    <option value="0"></option>
    <option value="1">CS</option>
    <option value="2">Mechanical</option>
    <option value="3">Civil</option>
</select>

$( "#dept option" ).show();