数据列表国家选择要显示的国家

问题描述

嗨，我只需要一些帮助，我正在处理一个带有输入类型文本的数据列表标签，它具有list="id of the input"并且有一个国家/地区的位置，当您单击它时，它将使您选择这里的国家/地区为示例How to use AJAX to populate state list depending on Country list?，但我希望它在数据列表中而不是选择标记中。

            <div id="Posting-Body-Country">
                <div id="Posting-Body-Country-Head">Country</div>
                <input id="Posting-Body-Country-Input"
                    type="text"
                    name="Location Country"
                    list="Posting-Body-Country-Select">
                <datalist   id="Posting-Body-Country-Select" >
                 <option value="United States">United States</option>
                 <option value="Afganistan">Afghanistan</option>
                 <option value="Albania">Albania</option>
                 <option value="Algeria">Algeria</option>
                 <option value="American Samoa">American Samoa</option>
                 <option value="Andorra">Andorra</option>
                 <option value="Angola">Angola</option>
                 <option value="Anguilla">Anguilla</option>
                 <option value="Antigua & Barbuda">Antigua & Barbuda</option>
                 <option value="Argentina">Argentina</option>
                 <option value="Armenia">Armenia</option>
                 <option value="Aruba">Aruba</option>
                 <option value="Australia">Australia</option>//there still more for countrys
                </datalist>
            </div>
                    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
                    <script>
                    $(document).ready(function(){
                            $("datalist.Posting-Body-Country-Select").change(function(){
                                    var selectedCountry = $(".Posting-Body-Country-Select option:selected").val();
                                    $.ajax({
                                            type: "POST",url: "PHP-SM-Tag-TravelLocation-CFuction.PHP",data: { country : selectedCountry }
                                    }).done(function(data){
                                            $("#Posting-Body-State-Select").html(data);
                                    });
                            });
                    });
                </script>
                <datalist id="Posting-Body-State-Select">
                    <option value="AR">

                    <option value="More...!">
                </datalist>

PHP-SM-Tag-TravelLocation-CFuction.PHP

<?PHP
if(isset($_POST["country"])){
    // Capture selected country
    $country = $_POST["country"];

    // Define country and city array
    $countryArr = array(

                    //Africa
                    "Algeria" => array("Algiers","Adrar","Ain Defla","Ain Temouchent","Alger","Annaba","Batna","Bechar","Bejaia","Biskra","Blida","Bordj Bou Arreridj","Bouira","Boumerdes","Chlef","Constantine","Djelfa","El Bayadh","El Oued","El Tarf","Ghardaia","Guelma","Illizi","Jijel","Khenchela","Laghouat","Mascara","Medea","Mila","Mostaganem","M\\'Sila","Naama","Oran","Ouargla","Oum el Bouaghi","Relizane","Saida","Setif","Sidi Bel Abbes","Skikda","Souk Ahras","Tamanghasset","Tebessa","Tiaret","Tindouf","Tipaza","Tissemsilt","Tizi Ouzou","Tlemcen")

                );

    // display city dropdown based on country name
    if($country !== 'Select'){
        echo "<datalist id='Posting-Body-State-Select'>";
        foreach($countryArr[$country] as $value){
            echo "<option>". $value . "</option>";
        }
        echo "</datalist>";
    }
}

还有很多，但还有很多

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）