Question

我在div中有一个选择框，默认情况下没有显示，在某些点击事件中，div的显示属性更改为阻止，但选择下拉列表不显示，并显示空白区域。我在同一个触发函数中为select框调用了selected（）方法，我正在改变div的可见性。

以下是我的问题的代码。

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

Answer 1

另一种解决方案是在初始方法中设置元素宽度，如下所示。

$(".chosen-select1").chosen({ width:"95%" });

Answer 2

添加css .chosen-container { width: 220px !important; }

Answer 3

非常简单。在你的Jquery中添加这一行。它对我有用。

$（＆＃34; .chosen-SELECT1＆＃34）VAL（＆＃34;法定＆＃34）的触发器（＆＃34;选自：更新＆＃34）;。。

选择不适用于默认情况下不显示的选择下拉列表

3 个答案: