javascript onchange取消绑定错误|未定义

javascript onchange undefind error | is no defined

本文关键字:未定义 错误 绑定 onchange 取消 javascript      更新时间:2023-09-26

当我更改列表值时,它显示"getstate未定义"如何修复

<select name="country" id="country" onchange="getstate();">
                                <option value="">select</option>
                                <option value="1">USA</option>                               
                            </select>
function getstate() {
                    var site_url = "<?php echo site_url();?>"; 
                    var countryid = $("#country").val();
                    if(countryid=="") {
                     $("#state").html('<option value="">select</option>');
                     $("#city").html('<option value="">select</option>');
                            return false;
                    }
                    $.get(site_url+"admin/ajxcal1",{'id':countryid},function(data){
                    console.log(data);  
                    //$("#state").html(data);
                    });     
            }

所有javascript代码都应该封装在脚本标记中。那应该行得通。

<select name="country" id="country" onchange="getstate();">
                                    <option value="">select</option>
                                    <option value="1">USA</option>                               
                                </select>
<script>function getstate() {
                    var site_url = "<?php echo site_url();?>"; 
                    var countryid = $("#country").val();
                    if(countryid=="") {
                     $("#state").html('<option value="">select</option>');
                     $("#city").html('<option value="">select</option>');
                            return false;
                    }
                    $.get(site_url+"admin/ajxcal1",{'id':countryid},function(data){
                    console.log(data);  
                    //$("#state").html(data);
                    });     
            }</script>

将js函数添加到一个单独的.js文件或html中的脚本标记中,然后它将正常工作

试试这个:

HTML:

<select name="country" id="country" onchange="getstate()">
     <option value="">select</option>
     <option value="1">USA</option>                               
</select>

jQuery:

<script>
     function getstate() {
            var site_url = "<?php echo site_url();?>"; 
            var countryid = $("#country").val();
               if(countryid=="") {
                $("#state").html('<option value="">select</option>');
                $("#city").html('<option value="">select</option>');
                return false;
               }
            $.get(site_url+"admin/ajxcal1",{'id':countryid},function(data){
            console.log(data);  
            //$("#state").html(data);
            });     
         }
</script>