我想根據單選按鈕上的選擇填充下拉列表，但是我的代碼無法正常工作

Question

我試圖使用PHP和JS（以及HTML，CSS）制作動態頁面。 我想根據選擇的單選按鈕填充一個下拉列表。 但是Chrome上的控制台顯示以下消息：

“未捕獲的語法錯誤：意外錯誤<”

function create_s()
        {
            $('#checking').empty();
            var number = $('#comparea').find('option:selected').attr('number_s');
            //attr('number_s');
            if(number==3){
                $('#checking').append('<input type="radio" class="radio"  id="hd" name="civil" value="sanitation" />sanitation');
                $('#checking').append('<input type="radio" class="radio" name="civil" value="horitculture"/>horitculture');
                $('#checking').append('<input type="radio" class="radio" name="civil" value="water"/>water');
            }
            if(number==2){
                $('#checking').append('<input type="radio" name="telecom" value="telephone"/>telephone');
                $('#checking').append('<input type="radio" name="telecom" value="internet"/>internet');
            }
            if(number==1){
                $('#checking').append('<input type="radio" name="electrical" value="meter"/>meter');
            }
            RadioLoadData();

        }
$('.radio').change(function(){
                    var value = $( this ).attr('value');
                    //var value = ('input[name=civil]:checked', '#myForm').val();
                    document.write("dfhasldhjkh");
                    if(value=="sanitation" || value==="sanitation"){

                        selectcall(100);
                    }
                    if(value=="horitculture" || value==="horitculture"){

                        selectcall(200);
                    }  
                    //alert($('input[name=radioName]:checked', '#myForm').val()); 
            });


function selectcall(value)
            {

               if(value==100){
                $('#selectlist').empty();
                var pcode="<?php              
                mysqli_select_db($conn, $database);
                $sql1 = "SELECT * FROM complaint_area_category WHERE complaint_category_id>100 and complaint_category_id<200 order by complaint_category  ";
                $record = mysqli_query($conn, $sql1);
                while($data=mysqli_fetch_assoc($record)){
                    echo "<option name=".$data['complaint_category_id'].">".$data['complaint_category']."</option>";
                        }
                ?>"
                $('#selectlist').append(pcode);
                }
            }





<select id="selectlist" class="box" style="top:200px" required=""><br><br>
        <option selected="selected" value="">-Select-</option>
        <script >
            //Here different select lists are populated.
        </script>

Answer 1

我找到了解決方案來完成它...

$('#checking').append('<input type="radio" class="radio"  id="cis" name="civil" value="sanitation" onclick="onChange()"/>sanitation');

 function onChange()
            {

                if($('#cis').is(':checked')){
                    selectcall(100);
                }
                if($('#cih').is(':checked')){
                    selectcall(200);
                }

            }

然后像問題中一樣執行selectcall（）函數。

Answer 2

這是更新的代碼，請嘗試一下。

function selectcall(value)
{

    if(value==100){
        $('#selectlist').empty();
        var pcode="<?php"
        mysqli_select_db($conn, $database);
        $sql1 = "SELECT * FROM complaint_area_category WHERE complaint_category_id>100 and complaint_category_id<200 order by complaint_category  ";
        $record = mysqli_query($conn, $sql1);
        $('#selectlist').append('<option selected="selected" value="">-Select-</option');
        while($data=mysqli_fetch_assoc($record)){
            echo ='<option name="'+$data['complaint_category_id']+'">'+$data['+complaint_category']+'"</option>';
        }
        "?>"
        $('#selectlist').append(pcode);
    }
}

<select id="selectlist" class="box" style="top:200px" required=""></select>