Question

我有以下JS代码：

<script type="text/javascript">  
    $(document).ready(function () {  
        var items = "<option value='0'>Select</option>";  
        $('#DistrictID').html(items);  
    });  
</script>

这会填充一个值为Select的下拉列表，事实是，这个下拉列表会出现在用户单击按钮后调用的表单中，然后打开一个模式窗口，其中包含表单。

但是因为它标记为

$(document).ready

这个JS不会用模态执行，因为文档已经“准备好”了。我怎样才能做到这一点？

提前致谢！

问候，

Answer 1

您可以使用bootstrap模态事件轻松实现此目的。您可以使用以下代码段来实现目标：

$(document).ready(function () { 
     $('#myModal').on('shown.bs.modal', function (e) {
            var items = "<option value='0'>Select</option>";  
            $('#DistrictID').html(items); 
      });
});

供参考请检查bootstrap modal events。

Answer 2

在加载页面后加载并执行javascript的一种有用方法（如模式窗口显示）是使用ajax getScript函数，该函数使用以下命令从服务器加载（并执行）服务器中的JavaScript：通过主页上的预定义功能进行AJAX HTTP GET请求。

function loadJS(lnk){
    $.getScript(lnk);
}

这是在完全加载的页面中加载任何脚本的一种通用方法。

Answer 3

Try something like this.


$('#idofselectelement').change(function(){ 
 //grab the selected option and then do what you want with it.
});

在模态窗口中执行JavaScript

3 个答案: