javascript onchange 未定義錯誤| 沒有定義

Question

當我更改列表值時，它會顯示“未定義 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);
                    });     
            }

Answer 1

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

Answer 2

將您的 js 函數添加到單獨的 .js 文件或 html 中的腳本標記中，然后它會正常工作

Answer 3

嘗試這個：

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>