Javascript 选择框“使用引导时重置不工作”

我有两个选择框，第一个是可用的软件包。有一个字段称为booth packages。如果用户单击此字段，将弹出另一个选择框

<select id="package" name="package">
    <option value="10">Bronze Package</option>
    <option value="15">Silver Package</option>
    <option value="20">Gold Package</option>
    <option value="booth">A Booth Package</option>
    <option value="0">No Package</option>
</select>

<div id="display" style="display:none;">
    <select id="booth_package" name="booth-package">
        <option value="0">Select a Booth Package</option>
        <option value="200">The Bier Package</option>
        <option value="200">The Cocktail Package</option>
        <option value="200">The Spirits Package</option>
        <option value="200">The Bar Tab Package</option>
    </select>
</div>

$('#package').on('change',function(){
   if( $(this).val()=="booth"){
       $("#display").show()
    }
    else{
        $("#display").hide()
    }
}).trigger('change');

我的问题是，当我把这个带到我的网站上时，它正在使用Bootstap作为选择框，代码不起作用，但我在JS FIDDLE上工作，请看这里：

当我使用引导时，有谁能帮助我或告诉我为什么这不起作用

---

*注意：显示/隐藏功能有效，但重置选项无效。

您的小提琴不完整，请添加所有内容，然后共享这些内容，以便包含对您不起作用的引导源。如果只有在您的网站中包含时才起作用，则可能是您在代码中的其他地方使用了相同的id，或者可能是您的javascript有问题。确保您正在使用document ready来完成此功能，并使用浏览器调试javascript，并查看控制台中的错误。在chrome中按f12。很抱歉Sid M FIDLE已更新。我在控制台中没有收到任何错误。我没有用身份证，其他地方都有。

$('#package').change(function(){
    $('#booth_package').val( $('#booth_package').prop('defaultSelected') );
});