用javascript重置選定的選擇框

Question

我在使用所選插件的選擇框上執行操作時遇到問題。 使用選擇的選擇框的輸入操作標准HTML選擇框時似乎很好，但是當我將"chzn-select"類添加到該選擇框時，腳本將"chzn-select" 。

這是代碼。

HTML：

<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>

JavaScript：

$(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);
});

任何關於我要去哪里的指示將不勝感激！

編輯13/11/11

我花了一些時間來解決這個問題，因為我收到的關於該問題的所有答案對於常規選擇框似乎都是正確的，但對於所選插件卻不正確。 需要單獨更新。 解決方法是添加$('#sel2').val('').trigger('chosen:updated'); 將選定的選擇框重置為其原始狀態。 我在這里找到了代碼如何使用jQuery重置jquery選擇的選項？

感謝您為我提供的所有幫助，並希望此編輯能對像我一樣困惑的任何人有所幫助。

Answer 1

您需要在選項而不是select標記上更改“ selected”屬性。

Answer 2

selected屬性應在option標簽內