Execute JavaScript in a modal window

Luis Alberto Delgado de la Flor

Hello,

I have the following JS code:

"text/javascript">
$(document).ready(function () {
var items = "Select";
$('#DistrictID').html(items);
});

This populate a dropdownlist with the value Select, the thing is, this dropdownlist appears in a form that it's called once the user clicks a button and then a modal windows opens, with the form in it.

But since it is mark as

$(document).ready

This JS won't execute with the modal, since the document is already 'ready'. How can I achieve this?

Thanks in advance!

Regards,

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gokhul Varman9y ago
You can get a clear solution if you refer the link given below:https://stackoverflow.com/questions/44978528/execute-javascript-in-a-modal-window
Manas Mohapatra9y ago
You can use 'shown' eventto execute the scripts.. Follow below links that may help you:

https://stackoverflow.com/questions/17461682/calling-a-function-on-bootstrap-modal-open

http://jsfiddle.net/Qz6rA/
Manikandan Murugesan9y ago
Refer the following Link : https://social.msdn.microsoft.com/Forums/sqlserver/en-US/75c6da4b-9fff-4266-964c-fea31ed62888/executing-javascript-after-a-modal-dialog-has-opened?forum=sharepointdevelopment