我在可能的 header.php 文件中有以下脚本标签。 ">
<!-- Bootstrap Core Js -->
<script src="<?php echo base_url('resource/temp/plugins/bootstrap/js/bootstrap.js'); ?>"></script>
<!-- Select Plugin Js -->
<script src="<?php echo base_url('resource/temp/plugins/bootstrap-select/js/bootstrap-select.js'); ?>"></script>
<!-- Slimscroll Plugin Js -->
<script src="<?php echo base_url('resource/temp/plugins/jquery-slimscroll/jquery.slimscroll.js'); ?>"></script>
<!-- Waves Effect Plugin Js -->
<script src="<?php echo base_url('resource/temp/plugins/node-waves/waves.js'); ?>"></script>
<!-- Jquery CountTo Plugin Js -->
<script src="<?php echo base_url('resource/temp/plugins/jquery-countto/jquery.countTo.js'); ?>"></script>
<!-- Custom Js -->
<script src="<?php echo base_url('resource/temp/js/admin.js'); ?>"></script>
<!-- Demo Js -->
<script src="<?php echo base_url('resource/temp/js/demo.js'); ?>"></script>
这些文件以及其他一些 .js 文件再次加载到页脚文件中。对于所有文档,我无法在其中一个页面中调用 ajax 函数来填充选项列表。
我想在单击其他选项选择字段时填充选择选项列表。但它不起作用。请帮忙。我也尝试更改最新的 jquery.min.js 文件。模板中使用的min.js文件版本为1.12.4。
下面是我的页面,其中使用了ajax调用。
<div class="form-group form-float">
<div class="form-line">
<label>Union</label>
<select class="form-control union" name="gunion" id="union" required >
<option value="">-- Please Select--</option>
<?php
foreach($union as $row)
{
?>
<option value="<?php echo $row->u_name;?>"><?php echo $row->u_name;?></option>
<?php
}
?>
</select>
<span class="text-danger"> <?php echo form_error('tonque'); ?></span>
</div>
<div class="form-line">
<label>Sakha</label>
<select class="form-control" name="gshaka" id="sakha" required>
<option value="">---Please Select--</option>
</select>
<span class="text-danger"> <?php echo form_error('tonque'); ?></span>
</div>
和脚本:
<script type="javascript">
$(document).ready(function(){
$('#union').on('change',function(){
var unionID = $(this).val();
console.log(unionID);
if(unionID){
$.ajax({
type:'POST',
url:'getsakha/'+unionID,
cache:false,
success:function(html){
$('#sakha').html(html);
}
});
}else{
$('#sakha').html('<option value="">Select Union first</option>');
}
});
});
</script>
最佳答案
删除javascript
来自 type 属性的脚本标签
<script type="javascript">
添加type="text/javascript"
在你的脚本标签中
<script type="text/javascript">
或者删除 type
属性
<script>
发生这种情况是因为 javascript
没有类型属性但有text/javascript
。如果您不写type
属性,那么它将被视为 javascript
希望这对您有帮助。
关于javascript - Ajax 无法在 Codeigniter 的页面中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46314308/