javascript onchange 未定义错误| 没有定义

Question

when i change the list value it show me "getstate is not defined" how to fix it

<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);
                    });     
            }

Answer 1

All javascript code should be wrapped inside a script tag. It should work then.

<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>

Answer 2

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

Answer 3

Try this:

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>