下拉框在onchange()后使用innerHTML刷新页面，再次改变值，不在执行onchange()

本文主要是介绍下拉框在onchange()后使用innerHTML刷新页面，再次改变值，不在执行onchange()，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、放上js的源码

var project = document.getElementById('project');project.onchange = function() {var pro_id = this.value;$.post("{{ 'project' }}/" + pro_id, {"_token": "{{ csrf_token() }}"}, function(data) {var body = document.getElementById('body');body.innerHTML = data;});};

2、原因：使用innerHTML后，HTML中的<script>以及<link>标签不会正常解析

3、解决方法：使用jQuery中的html()，html()会自动处理这些标签

$('#project').change(function() {$.post("{{ url('project') }}/"+$('#project').val(),{'_token': '{{ csrf_token() }}'}, function(data) {$('#body').html(data);});});

这篇关于下拉框在onchange()后使用innerHTML刷新页面，再次改变值，不在执行onchange()的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---