0
J'utilise le composant select2 dans une boîte de dialogue jquery modale. J'ai besoin de la liste déroulante pour afficher au-delà de la limite de la boîte de dialogue. À l'heure actuelle, une longue liste déroulante est tronquée par la bordure de la boîte de dialogue.Comment étendre la liste déroulante des composants select2 au-delà de la boîte de dialogue modale jquery
Voici un exemple et la jsfiddle:
<div id="test-dialog" class="widget" style="display:none;">
<form id="Newfrm" name="Newfrm" method="post">
<fieldset id="Field" step="1" style="margin-top: 10px;">
<label for="NewField" style="width:90px; text-align:right;">Field</label>
<select name="NewField" id="NewField">
<option value=""></option>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
<option value="4">test4</option>
</select>
</fieldset>
</form>
</div>
$("#NewField").select2({
placeholder: "Select a Field",
allowClear: true,
dropdownParent: $('#test-dialog')
});
$("#test-dialog").dialog({
width: "550",
resizable: false,
modal: true
}).dialog('option', 'title', 'New Test Dlg');