Выбранный плагин jquery select плохо отображает раскрывающийся список при использовании переполнения: скрытый во внешнем div

Я пытаюсь показать раскрывающийся список в верхней части внешнего div, но внешний div обертывает раскрывающийся список?

Обычный выбор html работает хорошо, но выбранный выбор не показывает выпадающий список.....

Демонстрационная скрипта: Fiddle

$(function(){
    $(".chosen-select").chosen();
})

HTML:

  <div style="height:150px;width:250px;overflow-y:auto;overflow-x:hidden;margin:20px;background: gray;">
    <table>
        <tbody>
            <tr>
                <td>
                    <select  style="width: 200px; ">
                         <option value="0"></option>
                         <option value="1">One</option>
                         <option value="2">Two</option>
                         <option value="3">Three</option>
                    </select>
                </td>
            </tr>
           .
           .
       </tbody>
   </table>
  </div>

html jquery css jquery-chosen
person Developer Desk    schedule 27.06.2014    source источник

Ответы (3)


arrow_upward
1
arrow_downward

WOW через 5 лет до сих пор не получил ответа?

используйте этот код и добавьте ширину в поле выбора.

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

решит вашу проблему.

person mafortis    schedule 11.01.2019

arrow_upward
-1
arrow_downward

Это связано с тем, что selected отображает раскрывающийся список в div и sub div. Убедитесь, что вы установили для свойства переполнения всех родительских контейнеров значение «видимый».

Обычный выбор html работает здесь из-за собственного поведения html

person nikjohn    schedule 07.07.2014

arrow_upward
-1
arrow_downward

Попробуй это

    $('.chosen-select').on("chosen:showing_dropdown", function () {
            $(this).parents("div").css("overflow", "visible");
        });
person tango    schedule 10.07.2014