使用javascript重置选定的选择框

我在使用所选插件的选择框上执行操作时遇到问题。当使用所选选择框的输入操作标准HTML选择框时，这似乎很好，但当我将

“chzn select”

类添加到该选择框时，脚本就会崩溃

这是密码

HTML:

如果有任何迹象表明我错在哪里，我们将不胜感激

编辑2013年11月11日

我已经花了一些时间来解决这个问题，因为我收到的关于这个问题的所有答案对于常规的选择框来说似乎都是正确的，但对于所选的插件来说却不正确。这需要单独更新。修复方法是添加

$（'sel2'）.val（''.trigger（'selected:updated'）将所选选择框重置为其原始状态。我在这里找到了密码

我感谢你给我的所有帮助，希望这篇文章能帮助像我一样困惑的人
 您需要更改选项上的属性“selected”，而不是选择标记上的属性。
您需要更改选项上的属性“selected”，而不是选择标记上的属性。
您需要更改选项上的属性“selected”，而不是选择标记上的属性。
您需要更改选项上的属性“selected”，不在选择标签上。
属性
选择的
应在
选项中
标签属性
选择的
应在
选项中
标签属性
选择的属性
应在
选项中属性
选择的
应在
选项中
tag
typo:jsfiddle将有助于typo:jsfiddle将有助于typo:jsfiddle将有助于typo:jsfiddle将有助于因此每个选项中都应该有
selected=“selected”
？不，只有您想要选择的选项。它只是一元属性，所以您只需要将“selected”添加到标记中。因此每个选项中都应该包含
selected=“selected”
？不，只有您想要选择的选项。它只是一元属性，所以您只需要将“selected”添加到标记中。因此每个选项中都应该包含
selected=“selected”
？不，只有您想要选择的选项。它只是一元属性，所以您只需要将“selected”添加到标记中。因此每个选项中都应该包含
selected=“selected”
？不，只有您想要选择的选项。它只是一元属性，所以您只需要将“selected”添加到标记中。
<form>
    <select id="sel1" name="sel1" class="chzn-select">
        <option value="1">1</option>
        <option value="2">Computer</option>
        <option value="3">3</option>
    </select>

    <div id="select2" style="display:none">
        <select id="sel2" name="sel2" selected="selected" class="chzn-select">Select
           <option value=""></option>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
         </select>
    </div>
</form>

$(function () {
    var selCategory = $('#sel1');
    selCategory.change(function () {
        selCategory.find('option:selected').each(function () {
            if ($(this).text() ==='Computer') {
                $('#select2').show();
            }
        else{
            $('#select2').hide();
        }
        });
    });
});

$('#sel1').on('change', function () {
     $('#sel2').prop('selectedIndex',0);
});