Question

我想填充第一个下拉列表（大陆），并根据以下格式从数据库中填写该大陆国家/地区的列表：

表格名称：国家/地区

洲|国家

非洲|尼日利亚

非洲| Marroco

欧洲|法国

欧洲| Gernamy

亚洲|中国

亚洲|印度

我的代码如下：

<html>
    @{

   var db = Database.Open("StarterSite");
   var Contient=""; 

} 

<div class="container">
    <select  id="Continent" name="Continent" onchange="PopulateListCountry(this)">
         <option value="">Choose continent</option>
         @foreach(var row in db.Query("SELECT DISTINCT Continent FROM countries;"))
            {
             <option value="@row.Continent">@row.Continent</option>
            }
     </select>

     <select name="Country" id="Country">
            <option value="">Choose country</option>

             @foreach(var row in db.Query("SELECT Country FROM countries where continent=@0",@continent ))
             {
                <option value="@row.Country ">@row.Country </option>
             }
       </select>
</div> 
</html>

变量@continent应该对应于从第一个下拉列表中选择的值。 PopulateListCountry函数应使用ajax编写，以填充第二个列表而不重新加载页面。

是否有任何建议让这项工作？非常感谢!!

使用AJAX在CSHTML中填充来自数据库的2个dependents下拉列表，而不刷新页面

0 个答案: