13

デフォルトでは何も表示されないdivに選択ボックスがあり、クリックイベントでdivの表示プロパティがブロックに変更されますが、選択ドロップダウンが表示されず、空のスペースが表示されます。div の可視性を変更している同じトリガー関数で、選択ボックスの selected() メソッドを呼び出しました。

これが私の問題のコードです。

<div class="controls" style="display:none" id="Department-11">
    <select multiple="" class="chosen-select1" id="form-field-select-4" data-placeholder="Choose a Department...">
        <option value="Management">Senior Management</option>
        <option value="Legal">Legal</option>
        <option value="Operations">Operations</option>
        <option value="Administration">Administration</option>
        <option value="R&D">R&D</option>
        <option value="Sales & Marketing">Sales & Marketing</option>
        <option value="Finance">Finance</option>
        <option value="Technology">Technology</option>
        <option value="Customer Service">Customer Service</option>
        <option value="Pro Services">Pro Services</option>
        <option value="HR">HR</option>
        <option value=""></option>
    </select>
</div>

<a href="javascript:void(0);" onclick="showselect();">
    Show select
</a>

そしてJSコードは

function showselect() {
    $('#Department-11').show();
    $(".chosen-select1").chosen();
}
4

3 に答える 3

30

別の解決策は、以下のように初期メソッドで要素の幅を設定することです。

$(".chosen-select1").chosen({ width:"95%" });
于 2014-04-30T14:01:41.730 に答える